@telefonica/mistica 17.7.0 → 17.9.0

package/dist/skins/skin-contract.css.d.ts

@@ -703,11 +703,26 @@ export declare const vars: {
             size: `var(--${string})`;
             lineHeight: `var(--${string})`;
         };
+        feedbackScreenDescription: {
+            weight: `var(--${string})`;
+            size: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+        };
+        feedbackScreenTitle: {
+            weight: `var(--${string})`;
+            size: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+        };
         chipLabel: {
             weight: `var(--${string})`;
             size: `var(--${string})`;
             lineHeight: `var(--${string})`;
         };
+        chipLabelSmall: {
+            weight: `var(--${string})`;
+            size: `var(--${string})`;
+            lineHeight: `var(--${string})`;
+        };
         link: {
             weight: `var(--${string})`;
             size?: `var(--${string})` | undefined;
@@ -868,6 +883,10 @@ export declare const vars: {
             left: `var(--${string})`;
             right: `var(--${string})`;
         };
+        boxedSmallPadding: {
+            top: `var(--${string})`;
+            bottom: `var(--${string})`;
+        };
         responsiveLayoutMargin: `var(--${string})`;
     };
 };

package/dist/skins/telefonica.js

@@ -688,18 +688,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: {
@@ -791,10 +791,21 @@ const e = {
             chipLabel: {
                 lineHeight: {
                     desktop: 24,
-                    mobile: 20
+                    mobile: 24
                 },
                 size: {
                     desktop: 16,
+                    mobile: 16
+                },
+                weight: "medium"
+            },
+            chipLabelSmall: {
+                lineHeight: {
+                    desktop: 20,
+                    mobile: 20
+                },
+                size: {
+                    desktop: 14,
                     mobile: 14
                 },
                 weight: "medium"
@@ -810,6 +821,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,
@@ -1191,6 +1224,16 @@ const e = {
                     desktop: 16
                 }
             },
+            boxedSmallPadding: {
+                top: {
+                    mobile: 8,
+                    desktop: 8
+                },
+                bottom: {
+                    mobile: 8,
+                    desktop: 8
+                }
+            },
             responsiveLayoutMargin: {
                 mobile: 16,
                 desktop: 48

package/dist/skins/types/index.d.ts

@@ -49,7 +49,10 @@ export type TextPresetsConfig = {
     cardTitleDefault: TextSizeTokenConfig;
     cardTitleSnap: TextSizeTokenConfig;
     drawerTitle: TextTokenConfig;
+    feedbackScreenDescription: TextTokenConfig;
+    feedbackScreenTitle: TextTokenConfig;
     chipLabel: TextTokenConfig;
+    chipLabelSmall: TextTokenConfig;
     link: TextWeightTokenConfig<'regular' | 'medium'>;
     loadingScreenTitle: TextSizeTokenConfig;
     title1: TextTokenConfig<'regular' | 'medium'>;
@@ -100,6 +103,7 @@ export type SpacingConfig = {
     headerPadding: PaddingYValues;
     drawerPadding: PaddingValues;
     boxedDefaultPadding: PaddingXValues;
+    boxedSmallPadding: PaddingYValues;
     responsiveLayoutMargin: ResponsiveValue<number>;
 };
 export type ThemeVariantsConfig = {

package/dist/skins/vivo-evolution.js

@@ -808,7 +808,7 @@ const e = {
                 },
                 size: {
                     desktop: 24,
-                    mobile: 18
+                    mobile: 16
                 }
             },
             cardTitleSnap: {
@@ -818,7 +818,7 @@ const e = {
                 },
                 size: {
                     desktop: 18,
-                    mobile: 16
+                    mobile: 14
                 }
             },
             chipLabel: {
@@ -832,6 +832,17 @@ const e = {
                 },
                 weight: "medium"
             },
+            chipLabelSmall: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 20
+                },
+                size: {
+                    desktop: 16,
+                    mobile: 14
+                },
+                weight: "medium"
+            },
             drawerTitle: {
                 lineHeight: {
                     desktop: 32,
@@ -843,6 +854,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,
@@ -1224,6 +1257,16 @@ const e = {
                     desktop: 24
                 }
             },
+            boxedSmallPadding: {
+                top: {
+                    mobile: 16,
+                    desktop: 16
+                },
+                bottom: {
+                    mobile: 16,
+                    desktop: 16
+                }
+            },
             responsiveLayoutMargin: {
                 mobile: 16,
                 desktop: 48

package/dist/skins/vivo.js

@@ -788,6 +788,17 @@ const e = {
                 },
                 weight: "medium"
             },
+            chipLabelSmall: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 20
+                },
+                size: {
+                    desktop: 16,
+                    mobile: 14
+                },
+                weight: "medium"
+            },
             drawerTitle: {
                 lineHeight: {
                     desktop: 32,
@@ -799,6 +810,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,
@@ -1180,6 +1213,16 @@ const e = {
                     desktop: 16
                 }
             },
+            boxedSmallPadding: {
+                top: {
+                    mobile: 16,
+                    desktop: 16
+                },
+                bottom: {
+                    mobile: 16,
+                    desktop: 16
+                }
+            },
             responsiveLayoutMargin: {
                 mobile: 16,
                 desktop: 48

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

@@ -16,4 +16,4 @@ _export(exports, {
         return y;
     }
 });
-/* empty css                                     */ /* empty css                                              */ /* empty css                                     */ var f = "v17_7_13pf4ld1 v17_7_13pf4ld0 v17_7_1y2v1nfhg v17_7_1y2v1nfip v17_7_1y2v1nfjy v17_7_1y2v1nfl7 v17_7_1y2v1nf8z v17_7_1y2v1nftv v17_7_1y2v1nfu6 v17_7_1y2v1nfr9 v17_7_1y2v1nfuo v17_7_1y2v1nfv3", y = "v17_7_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";

package/dist/slider.css-mistica.js

@@ -37,22 +37,22 @@ _export(exports, {
         return h;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var n = "v17_7_1j1wlhk1 v17_7_1j1wlhk0 v17_7_1y2v1nfs1 v17_7_1y2v1nfr8 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfuh", l = "v17_7_1j1wlhk2", h = "v17_7_1j1wlhk3 v17_7_1y2v1nfs1 v17_7_1y2v1nfsl v17_7_1y2v1nfuc", k = "v17_7_1j1wlhk5 v17_7_1j1wlhk4 v17_7_1y2v1nfr9 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn", y = {
-    default: "v17_7_1j1wlhkd v17_7_1j1wlhk7 v17_7_1j1wlhk6 v17_7_1y2v1nfs9 v17_7_1y2v1nfsp v17_7_1y2v1nfty v17_7_1j1wlhk8 v17_7_1y2v1nfcv",
-    alternative: "v17_7_1j1wlhke v17_7_1j1wlhk7 v17_7_1j1wlhk6 v17_7_1y2v1nfs9 v17_7_1y2v1nfsp v17_7_1y2v1nfty v17_7_1j1wlhk9 v17_7_1y2v1nfcv",
-    brand: "v17_7_1j1wlhkf v17_7_1j1wlhk7 v17_7_1j1wlhk6 v17_7_1y2v1nfs9 v17_7_1y2v1nfsp v17_7_1y2v1nfty v17_7_1j1wlhka v17_7_1y2v1nfd1",
-    media: "v17_7_1j1wlhkg v17_7_1j1wlhk7 v17_7_1j1wlhk6 v17_7_1y2v1nfs9 v17_7_1y2v1nfsp v17_7_1y2v1nfty v17_7_1j1wlhkb v17_7_1y2v1nfd1",
-    negative: "v17_7_1j1wlhkh v17_7_1j1wlhk7 v17_7_1j1wlhk6 v17_7_1y2v1nfs9 v17_7_1y2v1nfsp v17_7_1y2v1nfty v17_7_1j1wlhkc v17_7_1y2v1nfd0"
-}, f = "v17_7_1j1wlhkj v17_7_1j1wlhki v17_7_1y2v1nfdg v17_7_1y2v1nfty", j = {
-    default: "v17_7_1j1wlhkk",
-    alternative: "v17_7_1j1wlhkl",
-    brand: "v17_7_1j1wlhkm",
-    media: "v17_7_1j1wlhkn",
-    negative: "v17_7_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_7_1j1wlhkp",
-    alternative: "v17_7_1j1wlhkq",
-    brand: "v17_7_1j1wlhkr",
-    media: "v17_7_1j1wlhks",
-    negative: "v17_7_1j1wlhkt"
-}, a = "v17_7_1j1wlhkv v17_7_1j1wlhku v17_7_1y2v1nfr9 v17_7_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";

package/dist/snackbar.css-mistica.js

@@ -55,7 +55,7 @@ _export(exports, {
         return a;
     }
 });
-/* empty css                                     */ /* empty css                                    */ var n = 300, b = "v17_7_o7bjb01 v17_7_o7bjb00 v17_7_1y2v1nfs1 v17_7_1y2v1nfre v17_7_1y2v1nfrn", r = "v17_7_o7bjb03 v17_7_o7bjb02 v17_7_1y2v1nfr8", o = "v17_7_o7bjb04", y = "v17_7_o7bjb06 v17_7_o7bjb05 v17_7_1y2v1nfra v17_7_1y2v1nfug", f = "v17_7_o7bjb07 v17_7_1y2v1nfdq", t = "v17_7_o7bjb08 v17_7_1y2v1nfdr", a = "v17_7_o7bjb09", j = "v17_7_o7bjb0c v17_7_o7bjb0a v17_7_1y2v1nfre v17_7_1y2v1nfrq v17_7_o7bjb0b v17_7_1y2v1nfrk", e = "v17_7_o7bjb0e v17_7_o7bjb0a v17_7_1y2v1nfre v17_7_1y2v1nfrq v17_7_o7bjb0d v17_7_1y2v1nfrj v17_7_1y2v1nfrt", i = "v17_7_o7bjb0g", p = "v17_7_o7bjb0h", s = "v17_7_o7bjb0i v17_7_1y2v1nfhd v17_7_1y2v1nfim v17_7_1y2v1nfjy v17_7_1y2v1nfl7 v17_7_1y2v1nftw v17_7_1y2v1nfh6", c = {
-    centered: "v17_7_o7bjb0l v17_7_o7bjb0j v17_7_1y2v1nfre v17_7_1y2v1nfr9 v17_7_1y2v1nfrt v17_7_1y2v1nfrn v17_7_1y2v1nfvl",
-    topRight: "v17_7_o7bjb0m v17_7_o7bjb0j v17_7_1y2v1nfre v17_7_1y2v1nfr9 v17_7_1y2v1nfrt v17_7_1y2v1nfrn v17_7_1y2v1nfvl v17_7_o7bjb0k v17_7_1y2v1nfur"
-}, u = "v17_7_o7bjb0o v17_7_o7bjb0n v17_7_1y2v1nfsb v17_7_1y2v1nfsr v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn v17_7_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";

package/dist/spinner.css-mistica.js

@@ -22,4 +22,4 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                   */ var r = "v17_7_1fthc594 v17_7_1fthc593 v17_7_1y2v1nfrw v17_7_1y2v1nfrg", n = "v17_7_1fthc595", t = "v17_7_1fthc596 v17_7_1y2v1nfrw v17_7_1y2v1nfrg", f = "v17_7_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";

package/dist/square.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "square", {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var r = "v17_7_1vlkt4s1 v17_7_1vlkt4s0 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn";
+/* empty css                                     */ /* empty css                                  */ var r = "v17_9_1vlkt4s1 v17_9_1vlkt4s0 v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn";

package/dist/stack.css-mistica.js

@@ -20,8 +20,8 @@ _export(exports, {
     }
 });
 /* empty css                                 */ var v = {
-    space: "var(--v17_7_xjgm6d0)",
-    spaceMobile: "var(--v17_7_xjgm6d1)",
-    spaceTablet: "var(--v17_7_xjgm6d2)",
-    spaceDesktop: "var(--v17_7_xjgm6d3)"
-}, _ = "v17_7_xjgm6d4", r = "v17_7_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";

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

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "moreItems", {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                          */ var r = "v17_7_1y38nye1 v17_7_1y38nye0 v17_7_1y2v1nfre v17_7_1y2v1nfr8 v17_7_1y2v1nfrn v17_7_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";

package/dist/stepper.css-mistica.js

@@ -50,5 +50,5 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                   */ var r = {
-    stepperMinHeight: "var(--v17_7_14h93mq0)"
-}, n = "v17_7_14h93mq7 v17_7_14h93mq6 v17_7_1y2v1nfre v17_7_1y2v1nfrs v17_7_1y2v1nftl", m = "v17_7_14h93mq8 v17_7_1y2v1nfre v17_7_1y2v1nfrt", f = "v17_7_14h93mqa v17_7_14h93mq9 v17_7_1y2v1nfr8 v17_7_1y2v1nfrf v17_7_1y2v1nfrk v17_7_1y2v1nfrt", e = "v17_7_14h93mqc v17_7_14h93mqb v17_7_1y2v1nfr8 v17_7_1y2v1nfre", y = "v17_7_14h93mqd", a = "v17_7_14h93mqf v17_7_14h93mqe v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn v17_7_1y2v1nfty", h = "v17_7_14h93mqg", q = "v17_7_14h93mqi v17_7_14h93mqh v17_7_1y2v1nfr9", t = "v17_7_14h93mql v17_7_14h93mqk v17_7_1y2v1nfsl v17_7_1y2v1nfs1 v17_7_1y2v1nfuc v17_7_1y2v1nfui", i = "v17_7_14h93mqn v17_7_14h93mqm v17_7_1y2v1nfsl v17_7_1y2v1nfs1 v17_7_1y2v1nfuc v17_7_1y2v1nfui", s = "v17_7_14h93mqo", l = "v17_7_14h93mqq v17_7_14h93mqp v17_7_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";

package/dist/stepper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return de;
+        return ve;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -16,11 +16,13 @@ const _text = require("./text.js");
 const _hooks = require("./hooks.js");
 const _texttokens = require("./text-tokens.js");
 const _iconsuccess = /*#__PURE__*/ _interop_require_default(require("./icons/icon-success.js"));
+const _iconsteppersuccessvivo = /*#__PURE__*/ _interop_require_default(require("./icons/icon-stepper-success-vivo.js"));
 const _steppercssmistica = require("./stepper.css-mistica.js");
 const _css = require("./utils/css.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _dom = require("./utils/dom.js");
 const _screenreaderonly = /*#__PURE__*/ _interop_require_default(require("./screen-reader-only.js"));
+const _constants = require("./skins/constants.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -119,25 +121,25 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-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 } = (0, _hooks.useTheme)(), { height: A, ref: T } = (0, _hooks.useElementDimensions)(), $ = A, [r, P] = _react.useState(Math.ceil(n)), [a, w] = _react.useState(!1);
+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 } = (0, _hooks.useTheme)(), { height: I, ref: T } = (0, _hooks.useElementDimensions)(), V = I, [r, $] = _react.useState(Math.ceil(m)), [i, k] = _react.useState(!1);
     _react.useEffect(()=>{
-        const i = Math.ceil(n);
-        r !== i && (w(i < r), P(i));
+        const s = Math.ceil(m);
+        r !== s && (k(s < r), $(s));
     }, [
+        m,
         n,
-        c,
         r
     ]);
-    const R = h.stepperCompletedStep || u(_texttokens.stepperCompletedStep), k = h.stepperCurrentStep || u(_texttokens.stepperCurrentStep);
+    const O = h.stepperCompletedStep || u(_texttokens.stepperCompletedStep), P = h.stepperCurrentStep || u(_texttokens.stepperCurrentStep);
     return(// 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__ */ (0, _jsxruntime.jsx)("ol", _object_spread_props(_object_spread({
         role: "list",
         className: _steppercssmistica.stepper,
         style: (0, _css.applyCssVars)({
-            [_steppercssmistica.vars.stepperMinHeight]: (0, _css.pxToRem)(40 + $)
+            [_steppercssmistica.vars.stepperMinHeight]: (0, _css.pxToRem)(40 + V)
         })
     }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
         testid: "Stepper"
@@ -145,9 +147,9 @@ const de = (param)=>{
         "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;
+        "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__ */ (0, _jsxruntime.jsxs)("li", {
                 className: _steppercssmistica.listItem,
                 style: b ? void 0 : {
@@ -158,15 +160,19 @@ const de = (param)=>{
                     /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                         className: _steppercssmistica.step,
                         children: [
-                            o ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            c ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: (0, _classnames.default)(_steppercssmistica.stepIconNumber, {
-                                    [_steppercssmistica.iconAnimation]: p && !a
+                                    [_steppercssmistica.iconAnimation]: l && !i
                                 }),
                                 "aria-hidden": "true",
-                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
+                                children: S === _constants.VIVO_SKIN || S === _constants.VIVO_EVOLUTION_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsteppersuccessvivo.default, {
                                     color: _skincontractcssmistica.vars.colors.controlActivated,
                                     size: "100%",
-                                    skipAnimation: !p || a
+                                    skipAnimation: !l || i
+                                }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
+                                    color: _skincontractcssmistica.vars.colors.controlActivated,
+                                    size: "100%",
+                                    skipAnimation: !l || i
                                 })
                             }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: (0, _classnames.default)(_steppercssmistica.stepIconNumber, _steppercssmistica.number, {
@@ -177,7 +183,7 @@ const de = (param)=>{
                                     weight: f.indicator.weight,
                                     color: t ? _skincontractcssmistica.vars.colors.textPrimaryNegative : _skincontractcssmistica.vars.colors.textSecondary,
                                     "aria-hidden": "true",
-                                    children: s + 1
+                                    children: a + 1
                                 })
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -189,13 +195,13 @@ const de = (param)=>{
                                 })), {
                                     weight: "regular",
                                     as: "div",
-                                    color: o || t ? _skincontractcssmistica.vars.colors.textPrimary : _skincontractcssmistica.vars.colors.textSecondary,
-                                    children: i
+                                    color: c || t ? _skincontractcssmistica.vars.colors.textPrimary : _skincontractcssmistica.vars.colors.textSecondary,
+                                    children: s
                                 }))
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
-                                    children: `${o ? `${R}: ` : t ? `${k}: ` : ""}${i}`
+                                    children: `${c ? `${O}: ` : t ? `${P}: ` : ""}${s}`
                                 })
                             })
                         ]
@@ -203,16 +209,16 @@ const de = (param)=>{
                     !b && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: _steppercssmistica.bar,
                         "aria-hidden": "true",
-                        children: (o || t) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        children: (c || t) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                             className: (0, _classnames.default)({
-                                [_steppercssmistica.barFilled]: a && t || o,
-                                [_steppercssmistica.barFilledAnimation]: p && !a,
-                                [_steppercssmistica.barFilledReverseAnimation]: t && a
+                                [_steppercssmistica.barFilled]: i && t || c,
+                                [_steppercssmistica.barFilledAnimation]: l && !i,
+                                [_steppercssmistica.barFilledReverseAnimation]: t && i
                             })
                         })
                     })
                 ]
-            }, s);
+            }, a);
         })
     })));
 };