@telefonica/mistica 17.8.0 → 17.10.0

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

@@ -44,6 +44,16 @@ export declare const vars: {
         backgroundDropZoneNegativeDragover: `var(--${string})`;
         backgroundDropZoneMediaHover: `var(--${string})`;
         backgroundDropZoneMediaDragover: `var(--${string})`;
+        messageBubbleBackgroundOutgoing: `var(--${string})`;
+        messageBubbleBackgroundOutgoingBrand: `var(--${string})`;
+        messageBubbleBackgroundOutgoingAlternative: `var(--${string})`;
+        messageBubbleBackgroundOutgoingNegative: `var(--${string})`;
+        messageBubbleBackgroundOutgoingMedia: `var(--${string})`;
+        messageBubbleBackgroundIncoming: `var(--${string})`;
+        messageBubbleBackgroundIncomingBrand: `var(--${string})`;
+        messageBubbleBackgroundIncomingAlternative: `var(--${string})`;
+        messageBubbleBackgroundIncomingNegative: `var(--${string})`;
+        messageBubbleBackgroundIncomingMedia: `var(--${string})`;
         skeletonWave: `var(--${string})`;
         borderLow: `var(--${string})`;
         border: `var(--${string})`;
@@ -353,6 +363,16 @@ export declare const vars: {
         backgroundDropZoneNegativeDragover: `var(--${string})`;
         backgroundDropZoneMediaHover: `var(--${string})`;
         backgroundDropZoneMediaDragover: `var(--${string})`;
+        messageBubbleBackgroundOutgoing: `var(--${string})`;
+        messageBubbleBackgroundOutgoingBrand: `var(--${string})`;
+        messageBubbleBackgroundOutgoingAlternative: `var(--${string})`;
+        messageBubbleBackgroundOutgoingNegative: `var(--${string})`;
+        messageBubbleBackgroundOutgoingMedia: `var(--${string})`;
+        messageBubbleBackgroundIncoming: `var(--${string})`;
+        messageBubbleBackgroundIncomingBrand: `var(--${string})`;
+        messageBubbleBackgroundIncomingAlternative: `var(--${string})`;
+        messageBubbleBackgroundIncomingNegative: `var(--${string})`;
+        messageBubbleBackgroundIncomingMedia: `var(--${string})`;
         skeletonWave: `var(--${string})`;
         borderLow: `var(--${string})`;
         border: `var(--${string})`;
@@ -703,6 +723,16 @@ 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})`;
@@ -873,6 +903,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

@@ -113,6 +113,16 @@ const e = {
             backgroundDropZoneNegativeDragover: (0, _color.applyAlpha)(e.white, 0.17),
             backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.telefonicaBlue80, 0.2),
             backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(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,
@@ -422,6 +432,16 @@ const e = {
             backgroundDropZoneNegativeDragover: (0, _color.applyAlpha)(e.white, 0.05),
             backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.white, 0.03),
             backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(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,
@@ -688,18 +708,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: {
@@ -821,6 +841,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,
@@ -1202,6 +1244,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/colors.d.ts

@@ -48,6 +48,16 @@ export type Colors = {
     backgroundDropZoneNegativeDragover: string;
     backgroundDropZoneMediaHover: string;
     backgroundDropZoneMediaDragover: string;
+    messageBubbleBackgroundOutgoing: string;
+    messageBubbleBackgroundOutgoingBrand: string;
+    messageBubbleBackgroundOutgoingAlternative: string;
+    messageBubbleBackgroundOutgoingNegative: string;
+    messageBubbleBackgroundOutgoingMedia: string;
+    messageBubbleBackgroundIncoming: string;
+    messageBubbleBackgroundIncomingBrand: string;
+    messageBubbleBackgroundIncomingAlternative: string;
+    messageBubbleBackgroundIncomingNegative: string;
+    messageBubbleBackgroundIncomingMedia: string;
     skeletonWave: string;
     borderLow: string;
     border: string;

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

@@ -49,6 +49,8 @@ export type TextPresetsConfig = {
     cardTitleDefault: TextSizeTokenConfig;
     cardTitleSnap: TextSizeTokenConfig;
     drawerTitle: TextTokenConfig;
+    feedbackScreenDescription: TextTokenConfig;
+    feedbackScreenTitle: TextTokenConfig;
     chipLabel: TextTokenConfig;
     chipLabelSmall: TextTokenConfig;
     link: TextWeightTokenConfig<'regular' | 'medium'>;
@@ -101,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

@@ -146,6 +146,16 @@ const e = {
             backgroundDropZoneNegativeDragover: (0, _color.applyAlpha)(e.vivoNeutral0, 0.17),
             backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.vivoPurple900, 0.3),
             backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(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,
@@ -455,6 +465,16 @@ const e = {
             backgroundDropZoneNegativeDragover: (0, _color.applyAlpha)(e.vivoNeutral0, 0.05),
             backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.vivoNeutral0, 0.03),
             backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(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,
@@ -808,7 +828,7 @@ const e = {
                 },
                 size: {
                     desktop: 24,
-                    mobile: 18
+                    mobile: 16
                 }
             },
             cardTitleSnap: {
@@ -818,7 +838,7 @@ const e = {
                 },
                 size: {
                     desktop: 18,
-                    mobile: 16
+                    mobile: 14
                 }
             },
             chipLabel: {
@@ -854,6 +874,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,
@@ -1235,6 +1277,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

@@ -102,6 +102,16 @@ const e = {
             backgroundDropZoneNegativeDragover: (0, _color.applyAlpha)(e.white, 0.17),
             backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.vivoPurpleDark, 0.3),
             backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(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,
@@ -411,6 +421,16 @@ const e = {
             backgroundDropZoneNegativeDragover: (0, _color.applyAlpha)(e.white, 0.05),
             backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.white, 0.03),
             backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(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,
@@ -810,6 +830,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,
@@ -1191,6 +1233,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

@@ -13,7 +13,7 @@ _export(exports, {
         return f;
     },
     get skipLinkList () {
-        return y;
+        return i;
     }
 });
-/* empty css                                     */ /* empty css                                              */ /* empty css                                     */ var f = "v17_8_13pf4ld1 v17_8_13pf4ld0 v17_8_1y2v1nfhg v17_8_1y2v1nfip v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nf8z v17_8_1y2v1nftv v17_8_1y2v1nfu6 v17_8_1y2v1nfr9 v17_8_1y2v1nfuo v17_8_1y2v1nfv3", y = "v17_8_13pf4ld2";
+/* empty css                                     */ /* empty css                                              */ /* empty css                                     */ var f = "v17_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";

package/dist/slider.css-mistica.js

@@ -10,49 +10,49 @@ function _export(target, all) {
 }
 _export(exports, {
     get container () {
-        return n;
+        return l;
     },
     get defaultThumb () {
-        return y;
+        return k;
     },
     get disabled () {
-        return l;
+        return n;
     },
     get input () {
-        return a;
+        return y;
     },
     get iosThumb () {
-        return f;
+        return j;
     },
     get thumbActive () {
-        return w;
+        return t;
     },
     get thumbContainer () {
-        return k;
+        return f;
     },
     get thumbHover () {
-        return j;
+        return w;
     },
     get track () {
         return h;
     }
 });
-/* 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";
+/* 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";

package/dist/snackbar.css-mistica.js

@@ -10,52 +10,52 @@ function _export(target, all) {
 }
 _export(exports, {
     get TRANSITION_TIME_IN_MS () {
-        return n;
+        return b;
     },
     get button () {
-        return i;
+        return e;
     },
     get buttonTouchable () {
-        return s;
+        return p;
     },
     get contentWithLongButton () {
         return j;
     },
     get contentWithoutLongButton () {
-        return e;
+        return s;
     },
     get dismissButton () {
-        return c;
+        return u;
     },
     get dismissIcon () {
-        return u;
+        return c;
     },
     get longButton () {
-        return p;
+        return i;
     },
     get snackbar () {
-        return b;
+        return n;
     },
     get snackbarContainer () {
-        return r;
+        return o;
     },
     get snackbarOpen () {
-        return o;
+        return y;
     },
     get wrapper () {
-        return y;
+        return r;
     },
     get wrapperCritical () {
         return f;
     },
     get wrapperInfo () {
-        return t;
+        return a;
     },
     get wrapperOpen () {
-        return a;
+        return t;
     }
 });
-/* empty css                                     */ /* empty css                                    */ var n = 300, b = "v17_8_o7bjb01 v17_8_o7bjb00 v17_8_1y2v1nfs1 v17_8_1y2v1nfre v17_8_1y2v1nfrn", r = "v17_8_o7bjb03 v17_8_o7bjb02 v17_8_1y2v1nfr8", o = "v17_8_o7bjb04", y = "v17_8_o7bjb06 v17_8_o7bjb05 v17_8_1y2v1nfra v17_8_1y2v1nfug", f = "v17_8_o7bjb07 v17_8_1y2v1nfdq", t = "v17_8_o7bjb08 v17_8_1y2v1nfdr", a = "v17_8_o7bjb09", j = "v17_8_o7bjb0c v17_8_o7bjb0a v17_8_1y2v1nfre v17_8_1y2v1nfrq v17_8_o7bjb0b v17_8_1y2v1nfrk", e = "v17_8_o7bjb0e v17_8_o7bjb0a v17_8_1y2v1nfre v17_8_1y2v1nfrq v17_8_o7bjb0d v17_8_1y2v1nfrj v17_8_1y2v1nfrt", i = "v17_8_o7bjb0g", p = "v17_8_o7bjb0h", s = "v17_8_o7bjb0i v17_8_1y2v1nfhd v17_8_1y2v1nfim v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nftw v17_8_1y2v1nfh6", c = {
-    centered: "v17_8_o7bjb0l v17_8_o7bjb0j v17_8_1y2v1nfre v17_8_1y2v1nfr9 v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfvl",
-    topRight: "v17_8_o7bjb0m v17_8_o7bjb0j v17_8_1y2v1nfre v17_8_1y2v1nfr9 v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfvl v17_8_o7bjb0k v17_8_1y2v1nfur"
-}, u = "v17_8_o7bjb0o v17_8_o7bjb0n v17_8_1y2v1nfsb v17_8_1y2v1nfsr v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfty";
+/* empty css                                     */ /* empty css                                    */ var 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";

package/dist/spinner.css-mistica.js

@@ -10,16 +10,16 @@ function _export(target, all) {
 }
 _export(exports, {
     get spinnerDefault () {
-        return r;
+        return n;
     },
     get spinnerDefaultPath () {
-        return n;
+        return t;
     },
     get spinnerIos () {
-        return t;
+        return f;
     },
     get spinnerIosSvgPath () {
-        return f;
+        return r;
     }
 });
-/* empty css                                     */ /* empty css                                   */ var r = "v17_8_1fthc594 v17_8_1fthc593 v17_8_1y2v1nfrw v17_8_1y2v1nfrg", n = "v17_8_1fthc595", t = "v17_8_1fthc596 v17_8_1y2v1nfrw v17_8_1y2v1nfrg", f = "v17_8_1fthc597";
+/* empty css                                     */ /* empty css                                   */ var 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";

package/dist/square.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "square", {
         return r;
     }
 });
-/* 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";

package/dist/stack.css-mistica.js

@@ -20,8 +20,8 @@ _export(exports, {
     }
 });
 /* 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";

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "moreItems", {
     enumerable: true,
     get: function() {
-        return r;
+        return y;
     }
 });
-/* empty css                                     */ /* empty css                                          */ var r = "v17_8_1y38nye1 v17_8_1y38nye0 v17_8_1y2v1nfre v17_8_1y2v1nfr8 v17_8_1y2v1nfrn v17_8_1y2v1nfrt";
+/* empty css                                     */ /* empty css                                          */ var y = "v17_10_1y38nye1 v17_10_1y38nye0 v17_10_1y2v1nfry v17_10_1y2v1nfrs v17_10_1y2v1nfs7 v17_10_1y2v1nfsd";

package/dist/stepper.css-mistica.js

@@ -22,33 +22,33 @@ _export(exports, {
         return l;
     },
     get currentNumber () {
-        return h;
+        return e;
     },
     get iconAnimation () {
-        return y;
+        return a;
     },
     get listItem () {
         return m;
     },
     get number () {
-        return a;
+        return h;
     },
     get step () {
-        return f;
+        return y;
     },
     get stepIconNumber () {
-        return e;
+        return f;
     },
     get stepper () {
-        return n;
+        return r;
     },
     get textContainer () {
         return q;
     },
     get vars () {
-        return r;
+        return n;
     }
 });
-/* 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";
+/* 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";