@telefonica/mistica 17.8.0 → 17.10.0

package/dist-es/skins/telefonica.js

@@ -95,6 +95,16 @@ const e = {
             backgroundDropZoneNegativeDragover: r(e.white, 0.17),
             backgroundDropZoneMediaHover: r(e.telefonicaBlue80, 0.2),
             backgroundDropZoneMediaDragover: r(e.telefonicaBlue80, 0.4),
+            messageBubbleBackgroundOutgoing: e.telefonicaBlue10,
+            messageBubbleBackgroundOutgoingBrand: e.telefonicaBlue10,
+            messageBubbleBackgroundOutgoingAlternative: e.telefonicaBlue10,
+            messageBubbleBackgroundOutgoingNegative: e.telefonicaBlue10,
+            messageBubbleBackgroundOutgoingMedia: e.telefonicaBlue10,
+            messageBubbleBackgroundIncoming: e.grey1,
+            messageBubbleBackgroundIncomingBrand: e.white,
+            messageBubbleBackgroundIncomingAlternative: e.white,
+            messageBubbleBackgroundIncomingNegative: e.white,
+            messageBubbleBackgroundIncomingMedia: e.white,
             skeletonWave: e.grey2,
             borderLow: e.grey1,
             border: e.grey2,
@@ -404,6 +414,16 @@ const e = {
             backgroundDropZoneNegativeDragover: r(e.white, 0.05),
             backgroundDropZoneMediaHover: r(e.white, 0.03),
             backgroundDropZoneMediaDragover: r(e.white, 0.05),
+            messageBubbleBackgroundOutgoing: e.darkModeGrey6,
+            messageBubbleBackgroundOutgoingBrand: e.darkModeGrey6,
+            messageBubbleBackgroundOutgoingAlternative: e.darkModeGrey6,
+            messageBubbleBackgroundOutgoingNegative: e.darkModeGrey6,
+            messageBubbleBackgroundOutgoingMedia: e.darkModeGrey6,
+            messageBubbleBackgroundIncoming: e.darkModeGrey,
+            messageBubbleBackgroundIncomingBrand: e.darkModeGrey,
+            messageBubbleBackgroundIncomingAlternative: e.darkModeGrey,
+            messageBubbleBackgroundIncomingNegative: e.darkModeGrey,
+            messageBubbleBackgroundIncomingMedia: e.darkModeGrey,
             skeletonWave: e.grey8,
             borderLow: e.darkModeBlack,
             border: e.darkModeGrey,
@@ -670,18 +690,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 +823,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 +1226,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

@@ -128,6 +128,16 @@ const e = {
             backgroundDropZoneNegativeDragover: r(e.vivoNeutral0, 0.17),
             backgroundDropZoneMediaHover: r(e.vivoPurple900, 0.3),
             backgroundDropZoneMediaDragover: r(e.vivoPurple900, 0.5),
+            messageBubbleBackgroundOutgoing: e.vivoNeutral25,
+            messageBubbleBackgroundOutgoingBrand: e.vivoNeutral25,
+            messageBubbleBackgroundOutgoingAlternative: e.vivoNeutral25,
+            messageBubbleBackgroundOutgoingNegative: e.vivoNeutral25,
+            messageBubbleBackgroundOutgoingMedia: e.vivoNeutral25,
+            messageBubbleBackgroundIncoming: e.vivoNeutral25,
+            messageBubbleBackgroundIncomingBrand: e.vivoNeutral0,
+            messageBubbleBackgroundIncomingAlternative: e.vivoNeutral0,
+            messageBubbleBackgroundIncomingNegative: e.vivoNeutral0,
+            messageBubbleBackgroundIncomingMedia: e.vivoNeutral0,
             skeletonWave: e.vivoNeutral100,
             borderLow: e.vivoNeutral25,
             border: e.vivoNeutral200,
@@ -437,6 +447,16 @@ const e = {
             backgroundDropZoneNegativeDragover: r(e.vivoNeutral0, 0.05),
             backgroundDropZoneMediaHover: r(e.vivoNeutral0, 0.03),
             backgroundDropZoneMediaDragover: r(e.vivoNeutral0, 0.05),
+            messageBubbleBackgroundOutgoing: e.vivoNeutral900,
+            messageBubbleBackgroundOutgoingBrand: e.vivoNeutral900,
+            messageBubbleBackgroundOutgoingAlternative: e.vivoNeutral900,
+            messageBubbleBackgroundOutgoingNegative: e.vivoNeutral900,
+            messageBubbleBackgroundOutgoingMedia: e.vivoNeutral900,
+            messageBubbleBackgroundIncoming: e.vivoNeutral900,
+            messageBubbleBackgroundIncomingBrand: e.vivoNeutral900,
+            messageBubbleBackgroundIncomingAlternative: e.vivoNeutral900,
+            messageBubbleBackgroundIncomingNegative: e.vivoNeutral900,
+            messageBubbleBackgroundIncomingMedia: e.vivoNeutral900,
             skeletonWave: e.vivoNeutral600,
             borderLow: e.vivoNeutral950,
             border: e.vivoNeutral900,
@@ -790,7 +810,7 @@ const e = {
                 },
                 size: {
                     desktop: 24,
-                    mobile: 18
+                    mobile: 16
                 }
             },
             cardTitleSnap: {
@@ -800,7 +820,7 @@ const e = {
                 },
                 size: {
                     desktop: 18,
-                    mobile: 16
+                    mobile: 14
                 }
             },
             chipLabel: {
@@ -836,6 +856,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 +1259,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

@@ -84,6 +84,16 @@ const e = {
             backgroundDropZoneNegativeDragover: r(e.white, 0.17),
             backgroundDropZoneMediaHover: r(e.vivoPurpleDark, 0.3),
             backgroundDropZoneMediaDragover: r(e.vivoPurpleDark, 0.5),
+            messageBubbleBackgroundOutgoing: e.grey1,
+            messageBubbleBackgroundOutgoingBrand: e.grey1,
+            messageBubbleBackgroundOutgoingAlternative: e.grey1,
+            messageBubbleBackgroundOutgoingNegative: e.grey1,
+            messageBubbleBackgroundOutgoingMedia: e.grey1,
+            messageBubbleBackgroundIncoming: e.grey1,
+            messageBubbleBackgroundIncomingBrand: e.white,
+            messageBubbleBackgroundIncomingAlternative: e.white,
+            messageBubbleBackgroundIncomingNegative: e.white,
+            messageBubbleBackgroundIncomingMedia: e.white,
             skeletonWave: e.grey2,
             borderLow: e.grey1,
             border: e.grey3,
@@ -393,6 +403,16 @@ const e = {
             backgroundDropZoneNegativeDragover: r(e.white, 0.05),
             backgroundDropZoneMediaHover: r(e.white, 0.03),
             backgroundDropZoneMediaDragover: r(e.white, 0.05),
+            messageBubbleBackgroundOutgoing: e.darkModeGrey,
+            messageBubbleBackgroundOutgoingBrand: e.darkModeGrey,
+            messageBubbleBackgroundOutgoingAlternative: e.darkModeGrey,
+            messageBubbleBackgroundOutgoingNegative: e.darkModeGrey,
+            messageBubbleBackgroundOutgoingMedia: e.darkModeGrey,
+            messageBubbleBackgroundIncoming: e.darkModeGrey,
+            messageBubbleBackgroundIncomingBrand: e.darkModeGrey,
+            messageBubbleBackgroundIncomingAlternative: e.darkModeGrey,
+            messageBubbleBackgroundIncomingNegative: e.darkModeGrey,
+            messageBubbleBackgroundIncomingMedia: e.darkModeGrey,
             skeletonWave: e.grey5,
             borderLow: e.darkModeBlack,
             border: e.darkModeGrey,
@@ -792,6 +812,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 +1215,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";
-export { f as skipLinkContainer, y as skipLinkList };
+/* empty css                                     */ /* empty css                                              */ /* empty css                                     */ var f = "v17_10_13pf4ld1 v17_10_13pf4ld0 v17_10_1y2v1nfi0 v17_10_1y2v1nfj9 v17_10_1y2v1nfki v17_10_1y2v1nflr v17_10_1y2v1nf99 v17_10_1y2v1nfuf v17_10_1y2v1nfuq v17_10_1y2v1nfrt v17_10_1y2v1nfv8 v17_10_1y2v1nfvn", i = "v17_10_13pf4ld2";
+export { f as skipLinkContainer, i 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"
-}, 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";
-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 };
+/* empty css                                     */ /* empty css                                  */ var l = "v17_10_1j1wlhk1 v17_10_1j1wlhk0 v17_10_1y2v1nfsl v17_10_1y2v1nfrs v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfv1", n = "v17_10_1j1wlhk2", h = "v17_10_1j1wlhk3 v17_10_1y2v1nfsl v17_10_1y2v1nft5 v17_10_1y2v1nfuw", f = "v17_10_1j1wlhk5 v17_10_1j1wlhk4 v17_10_1y2v1nfrt v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfs7", k = {
+    default: "v17_10_1j1wlhkd v17_10_1j1wlhk7 v17_10_1j1wlhk6 v17_10_1y2v1nfst v17_10_1y2v1nft9 v17_10_1y2v1nfui v17_10_1j1wlhk8 v17_10_1y2v1nfdf",
+    alternative: "v17_10_1j1wlhke v17_10_1j1wlhk7 v17_10_1j1wlhk6 v17_10_1y2v1nfst v17_10_1y2v1nft9 v17_10_1y2v1nfui v17_10_1j1wlhk9 v17_10_1y2v1nfdf",
+    brand: "v17_10_1j1wlhkf v17_10_1j1wlhk7 v17_10_1j1wlhk6 v17_10_1y2v1nfst v17_10_1y2v1nft9 v17_10_1y2v1nfui v17_10_1j1wlhka v17_10_1y2v1nfdl",
+    media: "v17_10_1j1wlhkg v17_10_1j1wlhk7 v17_10_1j1wlhk6 v17_10_1y2v1nfst v17_10_1y2v1nft9 v17_10_1y2v1nfui v17_10_1j1wlhkb v17_10_1y2v1nfdl",
+    negative: "v17_10_1j1wlhkh v17_10_1j1wlhk7 v17_10_1j1wlhk6 v17_10_1y2v1nfst v17_10_1y2v1nft9 v17_10_1y2v1nfui v17_10_1j1wlhkc v17_10_1y2v1nfdk"
+}, j = "v17_10_1j1wlhkj v17_10_1j1wlhki v17_10_1y2v1nfe0 v17_10_1y2v1nfui", w = {
+    default: "v17_10_1j1wlhkk",
+    alternative: "v17_10_1j1wlhkl",
+    brand: "v17_10_1j1wlhkm",
+    media: "v17_10_1j1wlhkn",
+    negative: "v17_10_1j1wlhko"
+}, t = {
+    default: "v17_10_1j1wlhkp",
+    alternative: "v17_10_1j1wlhkq",
+    brand: "v17_10_1j1wlhkr",
+    media: "v17_10_1j1wlhks",
+    negative: "v17_10_1j1wlhkt"
+}, y = "v17_10_1j1wlhkv v17_10_1j1wlhku v17_10_1y2v1nfrt v17_10_1y2v1nfv8";
+export { l as container, k as defaultThumb, n as disabled, y as input, j as iosThumb, t as thumbActive, f 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_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";
-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 };
+/* empty css                                     */ /* empty css                                    */ var b = 300, n = "v17_10_o7bjb01 v17_10_o7bjb00 v17_10_1y2v1nfsl v17_10_1y2v1nfry v17_10_1y2v1nfs7", o = "v17_10_o7bjb03 v17_10_o7bjb02 v17_10_1y2v1nfrs", y = "v17_10_o7bjb04", r = "v17_10_o7bjb06 v17_10_o7bjb05 v17_10_1y2v1nfru v17_10_1y2v1nfv0", f = "v17_10_o7bjb07 v17_10_1y2v1nfea", a = "v17_10_o7bjb08 v17_10_1y2v1nfeb", t = "v17_10_o7bjb09", j = "v17_10_o7bjb0c v17_10_o7bjb0a v17_10_1y2v1nfry v17_10_1y2v1nfsa v17_10_o7bjb0b v17_10_1y2v1nfs4", s = "v17_10_o7bjb0e v17_10_o7bjb0a v17_10_1y2v1nfry v17_10_1y2v1nfsa v17_10_o7bjb0d v17_10_1y2v1nfs3 v17_10_1y2v1nfsd", e = "v17_10_o7bjb0g", i = "v17_10_o7bjb0h", p = "v17_10_o7bjb0i v17_10_1y2v1nfhx v17_10_1y2v1nfj6 v17_10_1y2v1nfki v17_10_1y2v1nflr v17_10_1y2v1nfug v17_10_1y2v1nfhq", u = {
+    centered: "v17_10_o7bjb0l v17_10_o7bjb0j v17_10_1y2v1nfry v17_10_1y2v1nfrt v17_10_1y2v1nfsd v17_10_1y2v1nfs7 v17_10_1y2v1nfw5",
+    topRight: "v17_10_o7bjb0m v17_10_o7bjb0j v17_10_1y2v1nfry v17_10_1y2v1nfrt v17_10_1y2v1nfsd v17_10_1y2v1nfs7 v17_10_1y2v1nfw5 v17_10_o7bjb0k v17_10_1y2v1nfvb"
+}, c = "v17_10_o7bjb0o v17_10_o7bjb0n v17_10_1y2v1nfsv v17_10_1y2v1nftb v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfs7 v17_10_1y2v1nfui";
+export { b as TRANSITION_TIME_IN_MS, e as button, p as buttonTouchable, j as contentWithLongButton, s as contentWithoutLongButton, u as dismissButton, c as dismissIcon, i as longButton, n as snackbar, o as snackbarContainer, y as snackbarOpen, r as wrapper, f as wrapperCritical, a as wrapperInfo, t 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";
-export { r as spinnerDefault, n as spinnerDefaultPath, t as spinnerIos, f as spinnerIosSvgPath };
+/* empty css                                     */ /* empty css                                   */ var n = "v17_10_1fthc594 v17_10_1fthc593 v17_10_1y2v1nfsg v17_10_1y2v1nfs0", t = "v17_10_1fthc595", f = "v17_10_1fthc596 v17_10_1y2v1nfsg v17_10_1y2v1nfs0", r = "v17_10_1fthc597";
+export { n as spinnerDefault, t as spinnerDefaultPath, f as spinnerIos, r 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_10_1vlkt4s1 v17_10_1vlkt4s0 v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfs7";
 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_10_xjgm6d0)",
+    spaceMobile: "var(--v17_10_xjgm6d1)",
+    spaceTablet: "var(--v17_10_xjgm6d2)",
+    spaceDesktop: "var(--v17_10_xjgm6d3)"
+}, _ = "v17_10_xjgm6d4", r = "v17_10_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";
-export { r as moreItems };
+/* empty css                                     */ /* empty css                                          */ var y = "v17_10_1y38nye1 v17_10_1y38nye0 v17_10_1y2v1nfry v17_10_1y2v1nfrs v17_10_1y2v1nfs7 v17_10_1y2v1nfsd";
+export { y 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";
-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 };
+/* empty css                                     */ /* empty css                                   */ var n = {
+    stepperMinHeight: "var(--v17_10_14h93mq0)"
+}, r = "v17_10_14h93mq7 v17_10_14h93mq6 v17_10_1y2v1nfry v17_10_1y2v1nfsc v17_10_1y2v1nfu5", m = "v17_10_14h93mq8 v17_10_1y2v1nfry v17_10_1y2v1nfsd", y = "v17_10_14h93mqa v17_10_14h93mq9 v17_10_1y2v1nfrs v17_10_1y2v1nfrz v17_10_1y2v1nfs4 v17_10_1y2v1nfsd", f = "v17_10_14h93mqc v17_10_14h93mqb v17_10_1y2v1nfrs v17_10_1y2v1nfry", a = "v17_10_14h93mqd", h = "v17_10_14h93mqf v17_10_14h93mqe v17_10_1y2v1nfry v17_10_1y2v1nfsd v17_10_1y2v1nfs7 v17_10_1y2v1nfui", e = "v17_10_14h93mqg", q = "v17_10_14h93mqi v17_10_14h93mqh v17_10_1y2v1nfrt", t = "v17_10_14h93mql v17_10_14h93mqk v17_10_1y2v1nft5 v17_10_1y2v1nfsl v17_10_1y2v1nfuw v17_10_1y2v1nfv2", i = "v17_10_14h93mqn v17_10_14h93mqm v17_10_1y2v1nft5 v17_10_1y2v1nfsl v17_10_1y2v1nfuw v17_10_1y2v1nfv2", s = "v17_10_14h93mqo", l = "v17_10_14h93mqq v17_10_14h93mqp v17_10_1y2v1nfsn";
+export { t as bar, i as barFilled, s as barFilledAnimation, l as barFilledReverseAnimation, e as currentNumber, a as iconAnimation, m as listItem, h as number, y as step, f as stepIconNumber, r as stepper, q as textContainer, n 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 };