@telefonica/mistica 16.16.0 → 16.18.0

package/dist/theme-context.css.d.ts

@@ -1,7 +1,9 @@
 export declare const themeVarsContract: {
     colors: {
-        appBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundAlternative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundBrand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundBrandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainerError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -11,15 +13,13 @@ export declare const themeVarsContract: {
         backgroundContainerBrandPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainerBrandOverInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainerAlternative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        backgroundBrand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        backgroundBrandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundSkeleton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundSkeletonInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        navigationBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        backgroundAlternative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundBrandTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundBrandBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        appBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        navigationBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         skeletonWave: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         borderLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -92,11 +92,11 @@ export declare const themeVarsContract: {
         textPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textErrorInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         promo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         successLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -122,32 +122,38 @@ export declare const themeVarsContract: {
         tagTextPromo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextInactive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tagTextInfo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundPromo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundInactive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tagBackgroundInfo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextPromoInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextActiveInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextInactiveInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tagTextInfoInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextSuccessInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextWarningInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextErrorInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundPromoInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundActiveInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundInactiveInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tagBackgroundInfoInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundSuccessInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundWarningInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundErrorInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         cardContentOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     rawColors: {
-        appBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundAlternative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundBrand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        backgroundBrandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainerError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainerHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -157,15 +163,13 @@ export declare const themeVarsContract: {
         backgroundContainerBrandPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainerBrandOverInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundContainerAlternative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        backgroundBrand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        backgroundBrandSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundSkeleton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundSkeletonInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        navigationBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        backgroundAlternative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundBrandTop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         backgroundBrandBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        appBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        navigationBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         skeletonWave: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         borderLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -238,11 +242,11 @@ export declare const themeVarsContract: {
         textPrimaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textSecondaryInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textErrorInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         promo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         successLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -268,24 +272,28 @@ export declare const themeVarsContract: {
         tagTextPromo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextInactive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tagTextInfo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundPromo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundInactive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tagBackgroundInfo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextPromoInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextActiveInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextInactiveInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tagTextInfoInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextSuccessInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextWarningInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagTextErrorInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundPromoInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundActiveInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundInactiveInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tagBackgroundInfoInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundSuccessInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundWarningInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         tagBackgroundErrorInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/timeline.css-mistica.js

@@ -19,16 +19,16 @@ _export(exports, {
         return n;
     },
     line: function() {
-        return i;
+        return e;
     },
     lineContainer: function() {
-        return e;
+        return i;
     },
     timeline: function() {
-        return p;
+        return f;
     },
     timelineItem: function() {
-        return f;
+        return p;
     },
     timelineItemState: function() {
         return r;
@@ -36,14 +36,14 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./timeline.css.ts.vanilla.css-mistica.js");
-var t = "v16_16_w6pat2b", a = "v16_16_w6pat2d v16_16_1y2v1nfj9 v16_16_1y2v1nfjp v16_16_1y2v1nfkv v16_16_1y2v1nfic v16_16_1y2v1nfir v16_16_1y2v1nfil v16_16_1y2v1nf44", n = "v16_16_w6pat25 v16_16_1y2v1nfiy v16_16_1y2v1nfkp v16_16_1y2v1nf9n", i = {
-    default: "v16_16_w6pat2g v16_16_w6pat2f v16_16_1y2v1nfiy",
-    inverse: "v16_16_w6pat2h v16_16_w6pat2f v16_16_1y2v1nfiy"
-}, e = "v16_16_w6pat2a v16_16_1y2v1nfic v16_16_1y2v1nfir", p = {
-    vertical: "v16_16_w6pat20",
-    horizontal: "v16_16_w6pat21"
-}, f = "v16_16_w6pat23 v16_16_1y2v1nfic v16_16_1y2v1nfip", r = {
-    active: "v16_16_w6pat26",
-    inactive: "v16_16_w6pat27",
-    completed: "v16_16_w6pat28"
+var t = "v16_18_w6pat2b", a = "v16_18_w6pat2d v16_18_1y2v1nfjh v16_18_1y2v1nfjx v16_18_1y2v1nfl3 v16_18_1y2v1nfik v16_18_1y2v1nfiz v16_18_1y2v1nfit v16_18_1y2v1nf48", n = "v16_18_w6pat25 v16_18_1y2v1nfj6 v16_18_1y2v1nfkx v16_18_1y2v1nf9v", e = {
+    default: "v16_18_w6pat2g v16_18_w6pat2f v16_18_1y2v1nfj6",
+    inverse: "v16_18_w6pat2h v16_18_w6pat2f v16_18_1y2v1nfj6"
+}, i = "v16_18_w6pat2a v16_18_1y2v1nfik v16_18_1y2v1nfiz", f = {
+    vertical: "v16_18_w6pat20",
+    horizontal: "v16_18_w6pat21"
+}, p = "v16_18_w6pat23 v16_18_1y2v1nfik v16_18_1y2v1nfix", r = {
+    active: "v16_18_w6pat26",
+    inactive: "v16_18_w6pat27",
+    completed: "v16_18_w6pat28"
 };

package/dist/timer.css-mistica.js

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     boxedTimerDisplayValue: function() {
-        return n;
+        return y;
     },
     boxedTimerValueContainer: function() {
-        return y;
+        return f;
     },
     inlineText: function() {
-        return f;
+        return n;
     },
     shortLabelText: function() {
         return e;
@@ -33,9 +33,9 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./timer.css.ts.vanilla.css-mistica.js");
-var n = "v16_16_18fye848", y = {
-    default: "v16_16_18fye84a v16_16_1y2v1nfat v16_16_1y2v1nfc2 v16_16_1y2v1nf8e v16_16_1y2v1nf9n v16_16_1y2v1nfl3 v16_16_1y2v1nf71",
-    inverse: "v16_16_18fye84a v16_16_1y2v1nfat v16_16_1y2v1nfc2 v16_16_1y2v1nf8e v16_16_1y2v1nf9n v16_16_1y2v1nfl3 v16_16_1y2v1nf44",
-    alternative: "v16_16_18fye84a v16_16_1y2v1nfat v16_16_1y2v1nfc2 v16_16_1y2v1nf8e v16_16_1y2v1nf9n v16_16_1y2v1nfl3 v16_16_1y2v1nf44",
-    media: "v16_16_18fye84a v16_16_1y2v1nfat v16_16_1y2v1nfc2 v16_16_1y2v1nf8e v16_16_1y2v1nf9n v16_16_1y2v1nfl3 v16_16_18fye84e"
-}, f = "v16_16_18fye841", e = "v16_16_18fye841 v16_16_1y2v1nfig", a = "v16_16_1y2v1nfic v16_16_1y2v1nfii v16_16_1y2v1nfir", i = "v16_16_1y2v1nfig", r = "v16_16_18fye841 v16_16_1y2v1nfid v16_16_1y2v1nfil";
+var y = "v16_18_18fye848", f = {
+    default: "v16_18_18fye84a v16_18_1y2v1nfb1 v16_18_1y2v1nfca v16_18_1y2v1nf8m v16_18_1y2v1nf9v v16_18_1y2v1nflb v16_18_1y2v1nf75",
+    inverse: "v16_18_18fye84a v16_18_1y2v1nfb1 v16_18_1y2v1nfca v16_18_1y2v1nf8m v16_18_1y2v1nf9v v16_18_1y2v1nflb v16_18_1y2v1nf48",
+    alternative: "v16_18_18fye84a v16_18_1y2v1nfb1 v16_18_1y2v1nfca v16_18_1y2v1nf8m v16_18_1y2v1nf9v v16_18_1y2v1nflb v16_18_1y2v1nf48",
+    media: "v16_18_18fye84a v16_18_1y2v1nfb1 v16_18_1y2v1nfca v16_18_1y2v1nf8m v16_18_1y2v1nf9v v16_18_1y2v1nflb v16_18_18fye84e"
+}, n = "v16_18_18fye841", e = "v16_18_18fye841 v16_18_1y2v1nfio", a = "v16_18_1y2v1nfik v16_18_1y2v1nfiq v16_18_1y2v1nfiz", i = "v16_18_1y2v1nfio", r = "v16_18_18fye841 v16_18_1y2v1nfil v16_18_1y2v1nfit";

package/dist/tooltip.css-mistica.js

@@ -28,13 +28,13 @@ _export(exports, {
         return r;
     },
     contentContainer: function() {
-        return y;
+        return f;
     },
     tooltip: function() {
-        return e;
+        return y;
     },
     tooltipCenter: function() {
-        return f;
+        return e;
     },
     tooltipTransitionClasses: function() {
         return p;
@@ -42,7 +42,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tooltip.css.ts.vanilla.css-mistica.js");
-var n = 40, t = "v16_16_1xhatbpb v16_16_1y2v1nfj5 v16_16_1y2v1nfjl v16_16_1y2v1nfi7 v16_16_1y2v1nflj v16_16_1y2v1nf44", a = "v16_16_1xhatbp9 v16_16_1y2v1nfi7 v16_16_1y2v1nfj7 v16_16_1y2v1nfld", i = "v16_16_1xhatbpd v16_16_1y2v1nfi7", o = "v16_16_1xhatbp1 v16_16_1y2v1nfi7", r = "v16_16_1xhatbp6", y = "v16_16_1xhatbp5 v16_16_1y2v1nfi6 v16_16_1y2v1nfld", e = "v16_16_1xhatbp3 v16_16_1y2v1nfi6 v16_16_1y2v1nfl5 v16_16_1y2v1nf44", f = "v16_16_1y2v1nfic v16_16_1y2v1nfii v16_16_1y2v1nfir", p = {
+var n = 40, t = "v16_18_1xhatbpb v16_18_1y2v1nfjd v16_18_1y2v1nfjt v16_18_1y2v1nfif v16_18_1y2v1nflr v16_18_1y2v1nf48", a = "v16_18_1xhatbp9 v16_18_1y2v1nfif v16_18_1y2v1nfjf v16_18_1y2v1nfll", i = "v16_18_1xhatbpd v16_18_1y2v1nfif", o = "v16_18_1xhatbp1 v16_18_1y2v1nfif", r = "v16_18_1xhatbp6", f = "v16_18_1xhatbp5 v16_18_1y2v1nfie v16_18_1y2v1nfll", y = "v16_18_1xhatbp3 v16_18_1y2v1nfie v16_18_1y2v1nfld v16_18_1y2v1nf48", e = "v16_18_1y2v1nfik v16_18_1y2v1nfiq v16_18_1y2v1nfiz", p = {
     entering: {
         opacity: 1
     },

package/dist/touchable.css-mistica.js

@@ -19,9 +19,9 @@ _export(exports, {
         return y;
     },
     touchable: function() {
-        return t;
+        return m;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./touchable.css.ts.vanilla.css-mistica.js");
-var n = "v16_16_mhti6u2 v16_16_1y2v1nflc", f = "v16_16_mhti6u0", y = "v16_16_mhti6u5", t = "v16_16_mhti6u2 v16_16_1y2v1nflc v16_16_1y2v1nf85 v16_16_1y2v1nf9e v16_16_1y2v1nfan v16_16_1y2v1nfbw v16_16_1y2v1nfie v16_16_1y2v1nfku v16_16_1y2v1nfiz v16_16_1y2v1nf41 v16_16_1y2v1nf84 v16_16_1y2v1nfle";
+var n = "v16_18_mhti6u2 v16_18_1y2v1nflk", f = "v16_18_mhti6u0", y = "v16_18_mhti6u5", m = "v16_18_mhti6u2 v16_18_1y2v1nflk v16_18_1y2v1nf8d v16_18_1y2v1nf9m v16_18_1y2v1nfav v16_18_1y2v1nfc4 v16_18_1y2v1nfim v16_18_1y2v1nfl2 v16_18_1y2v1nfj7 v16_18_1y2v1nf45 v16_18_1y2v1nf8c v16_18_1y2v1nflm";

package/dist/utils/aspect-ratio-support.css-mistica.js

@@ -24,6 +24,6 @@ _export(exports, {
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("./aspect-ratio-support.css.ts.vanilla.css-mistica.js");
-var r = "v16_16_yqswj62", a = "v16_16_1y2v1nfiz v16_16_1y2v1nfjg v16_16_1y2v1nflj v16_16_1y2v1nfly", n = {
-    aspectRatio: "var(--v16_16_yqswj60)"
-}, y = "v16_16_1y2v1nfld v16_16_1y2v1nfkr v16_16_1y2v1nfks v16_16_1y2v1nfi6";
+var r = "v16_18_yqswj62", a = "v16_18_1y2v1nfj7 v16_18_1y2v1nfjo v16_18_1y2v1nflr v16_18_1y2v1nfm6", n = {
+    aspectRatio: "var(--v16_18_yqswj60)"
+}, y = "v16_18_1y2v1nfll v16_18_1y2v1nfkz v16_18_1y2v1nfl0 v16_18_1y2v1nfie";

package/dist/video.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "video", {
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var _ = "v16_16_1y2v1nflj v16_16_1y2v1nfly v16_16_1y2v1nfie v16_16_1y2v1nf84 v16_16_1y2v1nfkr v16_16_1y2v1nfks v16_16_1y2v1nfn7";
+var _ = "v16_18_1y2v1nflr v16_18_1y2v1nfm6 v16_18_1y2v1nfim v16_18_1y2v1nf8c v16_18_1y2v1nfkz v16_18_1y2v1nfl0 v16_18_1y2v1nfnf";

package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js

@@ -17,4 +17,4 @@ _export(exports, {
     }
 });
 require("./vivinho-loading-animation.css.ts.vanilla.css-mistica.js");
-var a = "v16_16_1ezqdj90", r = "v16_16_1ezqdj91";
+var a = "v16_18_1ezqdj90", r = "v16_18_1ezqdj91";

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

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./accordion.css.ts.vanilla.css-mistica.js";
-var n = "v16_16_1y2v1nfiz", e = "v16_16_8s3szx4", s = "v16_16_1y2v1nf85 v16_16_1y2v1nf9e v16_16_1y2v1nfan v16_16_1y2v1nfbw v16_16_1y2v1nfiz v16_16_1y2v1nfku v16_16_1y2v1nf84 v16_16_1y2v1nfie v16_16_1y2v1nfjg", a = "v16_16_8s3szxa", r = "v16_16_8s3szx5", t = {
-    enter: "v16_16_8s3szx6",
-    enterActive: "v16_16_8s3szx7",
-    exit: "v16_16_8s3szx8",
-    exitActive: "v16_16_8s3szx9"
-}, i = "v16_16_8s3szx3", o = "v16_16_8s3szx1", x = "v16_16_8s3szx2";
-export { n as accordionItem, e as chevronContainer, s as itemContent, a as panel, r as panelContainer, t as panelTransitionClasses, i as rightContentContainer, o as touchableBackground, x as touchableBackgroundInverse };
+var n = "v16_18_1y2v1nfj7", s = "v16_18_8s3szx1", e = "v16_18_8s3szx5", a = "v16_18_1y2v1nf8d v16_18_1y2v1nf9m v16_18_1y2v1nfav v16_18_1y2v1nfc4 v16_18_1y2v1nfj7 v16_18_1y2v1nfl2 v16_18_1y2v1nf8c v16_18_1y2v1nfim v16_18_1y2v1nfjo", r = "v16_18_8s3szxb", t = "v16_18_8s3szx6", o = {
+    enter: "v16_18_8s3szx7",
+    enterActive: "v16_18_8s3szx8",
+    exit: "v16_18_8s3szx9",
+    exitActive: "v16_18_8s3szxa"
+}, i = "v16_18_8s3szx4", x = "v16_18_8s3szx2", c = "v16_18_8s3szx3";
+export { n as accordionItem, s as boxed, e as chevronContainer, a as itemContent, r as panel, t as panelContainer, o as panelTransitionClasses, i as rightContentContainer, x as touchableBackground, c as touchableBackgroundInverse };

package/dist-es/accordion.js

@@ -78,43 +78,43 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as A, jsx as o } from "react/jsx-runtime";
+import { jsxs as v, jsx as o } from "react/jsx-runtime";
 import * as i from "react";
 import { Content as T } from "./list.js";
 import w from "./icons/icon-chevron.js";
-import v from "./box.js";
-import { itemContent as D, touchableBackgroundInverse as P, touchableBackground as V, rightContentContainer as E, chevronContainer as _, panelTransitionClasses as k, panelContainer as L, panel as M, accordionItem as X } from "./accordion.css-mistica.js";
-import j from "./stack.js";
-import { BaseTouchable as q } from "./touchable.js";
-import z from "classnames";
+import A from "./box.js";
+import { itemContent as D, touchableBackgroundInverse as P, touchableBackground as V, rightContentContainer as E, chevronContainer as _, panelTransitionClasses as k, panelContainer as L, panel as M, accordionItem as X, boxed as j } from "./accordion.css-mistica.js";
+import q from "./stack.js";
+import { BaseTouchable as z } from "./touchable.js";
+import F from "classnames";
 import { vars as g } from "./skins/skin-contract.css-mistica.js";
-import { getPrefixedDataAttributes as B } from "./utils/dom.js";
-import F from "./divider.js";
-import { Boxed as H } from "./boxed.js";
-import { useIsInverseOrMediaVariant as U } from "./theme-variant-context.js";
-import { CSSTransition as G } from "react-transition-group";
-import { isRunningAcceptanceTest as J } from "./utils/platform.js";
-import K from "./inline.js";
-const R = 400, C = /*#__PURE__*/ i.createContext({
+import { getPrefixedDataAttributes as R } from "./utils/dom.js";
+import H from "./divider.js";
+import { InternalBoxed as U } from "./boxed.js";
+import { useIsInverseOrMediaVariant as G } from "./theme-variant-context.js";
+import { CSSTransition as J } from "react-transition-group";
+import { isRunningAcceptanceTest as K } from "./utils/platform.js";
+import Q from "./inline.js";
+const N = 400, b = /*#__PURE__*/ i.createContext({
     index: [],
     toggle: ()=>{}
-}), Q = ()=>i.useContext(C), N = (param)=>{
+}), W = ()=>i.useContext(b), B = (param)=>{
     let { value: n, defaultValue: r, onChange: t, singleOpen: c } = param;
-    const d = n !== void 0, s = (e)=>e === void 0 ? [] : typeof e == "number" ? [
+    const s = n !== void 0, d = (e)=>e === void 0 ? [] : typeof e == "number" ? [
             e
-        ] : e, [a, u] = i.useState(s(r));
+        ] : e, [a, m] = i.useState(d(r));
     i.useEffect(()=>{
         if (a.length > 1 && c) {
             const e = [
                 ...a
             ];
-            e.splice(1), u(e);
+            e.splice(1), m(e);
         }
     }, [
         c,
         a
     ]);
-    const m = (e, l)=>{
+    const u = (e, l)=>{
         if (!l) return [
             e
         ];
@@ -126,23 +126,23 @@ const R = 400, C = /*#__PURE__*/ i.createContext({
             e
         ] : I.push(e) : I.splice(p, 1), I;
     }, f = (e)=>{
-        if (d || u(m(e, a)), t) {
-            const l = (d ? s(n) : a).includes(e);
+        if (s || m(u(e, a)), t) {
+            const l = (s ? d(n) : a).includes(e);
             t(e, !l);
         }
     };
-    return d ? [
-        s(n),
+    return s ? [
+        d(n),
         f
     ] : [
         a,
         f
     ];
-}, W = (n)=>{
+}, Y = (n)=>{
     const r = n == null ? void 0 : n.closest("[data-accordion]");
     if (r) return Array.from(r.querySelectorAll("[data-accordion-item]")).filter((t)=>t.closest("[data-accordion]") === r).findIndex((t)=>t === n);
-}, S = /*#__PURE__*/ i.forwardRef((_param, u)=>{
-    var { content: n, dataAttributes: r, trackingEvent: t, right: c, "aria-label": d, "aria-labelledby": s } = _param, a = _object_without_properties(_param, [
+}, S = /*#__PURE__*/ i.forwardRef((_param, m)=>{
+    var { content: n, dataAttributes: r, trackingEvent: t, right: c, "aria-label": s, "aria-labelledby": d } = _param, a = _object_without_properties(_param, [
         "content",
         "dataAttributes",
         "trackingEvent",
@@ -150,34 +150,34 @@ const R = 400, C = /*#__PURE__*/ i.createContext({
         "aria-label",
         "aria-labelledby"
     ]);
-    const m = i.useRef(null), f = i.useRef(null), { index: e, toggle: l } = Q(), p = U(), I = i.useId(), b = i.useId(), [x, y] = i.useState(), h = x !== void 0 && (e == null ? void 0 : e.includes(x));
+    const u = i.useRef(null), f = i.useRef(null), { index: e, toggle: l } = W(), p = G(), I = i.useId(), C = i.useId(), [x, y] = i.useState(), h = x !== void 0 && (e == null ? void 0 : e.includes(x));
     return i.useEffect(()=>{
-        y(W(f.current));
-    }, []), /* @__PURE__ */ A("div", _object_spread_props(_object_spread({
+        y(Y(f.current));
+    }, []), /* @__PURE__ */ v("div", _object_spread_props(_object_spread({
         ref: f
-    }, B(_object_spread_props(_object_spread({}, r), {
+    }, R(_object_spread_props(_object_spread({}, r), {
         "accordion-item": !0
     }))), {
         children: [
-            /* @__PURE__ */ o(q, {
-                ref: u,
-                className: z(D, p ? P : V),
+            /* @__PURE__ */ o(z, {
+                ref: m,
+                className: F(D, p ? P : V),
                 onPress: ()=>{
                     x !== void 0 && l(x);
                 },
                 trackingEvent: t,
                 "aria-expanded": h,
-                "aria-controls": b,
-                "aria-label": d,
-                "aria-labelledby": s,
-                children: /* @__PURE__ */ o(v, {
+                "aria-controls": C,
+                "aria-label": s,
+                "aria-labelledby": d,
+                children: /* @__PURE__ */ o(A, {
                     paddingX: 16,
                     children: /* @__PURE__ */ o(T, _object_spread_props(_object_spread({
                         labelId: I
                     }, a), {
                         right: (param)=>{
                             let { centerY: O } = param;
-                            return /* @__PURE__ */ A(K, {
+                            return /* @__PURE__ */ v(Q, {
                                 space: 4,
                                 alignItems: O ? "center" : void 0,
                                 className: E,
@@ -187,7 +187,7 @@ const R = 400, C = /*#__PURE__*/ i.createContext({
                                         className: _,
                                         children: /* @__PURE__ */ o(w, {
                                             size: 24,
-                                            transitionDuration: R,
+                                            transitionDuration: N,
                                             direction: h ? "up" : "down",
                                             color: p ? g.colors.inverse : h ? g.colors.neutralHigh : g.colors.neutralMedium
                                         })
@@ -198,22 +198,22 @@ const R = 400, C = /*#__PURE__*/ i.createContext({
                     }))
                 })
             }),
-            /* @__PURE__ */ o(G, {
+            /* @__PURE__ */ o(J, {
                 in: h,
-                timeout: J() ? 0 : R,
-                nodeRef: m,
+                timeout: K() ? 0 : N,
+                nodeRef: u,
                 classNames: k,
                 mountOnEnter: !0,
                 unmountOnExit: !0,
                 children: /* @__PURE__ */ o("div", {
                     className: L,
-                    ref: m,
+                    ref: u,
                     children: /* @__PURE__ */ o("div", {
                         className: M,
                         role: "region",
                         "aria-labelledby": I,
-                        id: b,
-                        children: /* @__PURE__ */ o(v, {
+                        id: C,
+                        children: /* @__PURE__ */ o(A, {
                             paddingX: 16,
                             paddingBottom: 16,
                             children: n
@@ -223,7 +223,7 @@ const R = 400, C = /*#__PURE__*/ i.createContext({
             })
         ]
     }));
-}), fe = /*#__PURE__*/ i.forwardRef((_param, c)=>{
+}), pe = /*#__PURE__*/ i.forwardRef((_param, c)=>{
     var { dataAttributes: n, role: r } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "role"
@@ -238,41 +238,43 @@ const R = 400, C = /*#__PURE__*/ i.createContext({
             }, n)
         }))
     });
-}), pe = (param)=>{
-    let { children: n, dataAttributes: r, index: t, defaultIndex: c, onChange: d, singleOpen: s, role: a } = param;
-    const [u, m] = N({
+}), Ie = (param)=>{
+    let { children: n, dataAttributes: r, index: t, defaultIndex: c, onChange: s, singleOpen: d, role: a } = param;
+    const [m, u] = B({
         value: t,
         defaultValue: c,
-        onChange: d,
-        singleOpen: s
+        onChange: s,
+        singleOpen: d
     }), f = i.Children.toArray(n).filter(Boolean), e = f.length - 1;
-    return /* @__PURE__ */ o(C.Provider, {
+    return /* @__PURE__ */ o(b.Provider, {
         value: {
-            index: u,
-            toggle: m
+            index: m,
+            toggle: u
         },
         children: /* @__PURE__ */ o("div", _object_spread_props(_object_spread({
             role: a
-        }, B(_object_spread_props(_object_spread({}, r), {
+        }, R(_object_spread_props(_object_spread({}, r), {
             accordion: !0
         }), "Accordion")), {
-            children: f.map((l, p)=>/* @__PURE__ */ A(i.Fragment, {
+            children: f.map((l, p)=>/* @__PURE__ */ v(i.Fragment, {
                     children: [
                         l,
-                        p < e && /* @__PURE__ */ o(v, {
+                        p < e && /* @__PURE__ */ o(A, {
                             paddingX: 16,
-                            children: /* @__PURE__ */ o(F, {})
+                            children: /* @__PURE__ */ o(H, {})
                         })
                     ]
                 }, p))
         }))
     });
-}, Ie = /*#__PURE__*/ i.forwardRef((_param, c)=>{
+}, xe = /*#__PURE__*/ i.forwardRef((_param, c)=>{
     var { dataAttributes: n, isInverse: r } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "isInverse"
     ]);
-    return /* @__PURE__ */ o(H, {
+    return /* @__PURE__ */ o(U, {
+        overflow: "visible",
+        className: j,
         variant: r ? "inverse" : "default",
         ref: c,
         dataAttributes: _object_spread({
@@ -280,20 +282,20 @@ const R = 400, C = /*#__PURE__*/ i.createContext({
         }, n),
         children: /* @__PURE__ */ o(S, _object_spread({}, t))
     });
-}), xe = (param)=>{
-    let { children: n, dataAttributes: r, index: t, defaultIndex: c, onChange: d, singleOpen: s, role: a } = param;
-    const [u, m] = N({
+}), he = (param)=>{
+    let { children: n, dataAttributes: r, index: t, defaultIndex: c, onChange: s, singleOpen: d, role: a } = param;
+    const [m, u] = B({
         value: t,
         defaultValue: c,
-        onChange: d,
-        singleOpen: s
+        onChange: s,
+        singleOpen: d
     });
-    return /* @__PURE__ */ o(C.Provider, {
+    return /* @__PURE__ */ o(b.Provider, {
         value: {
-            index: u,
-            toggle: m
+            index: m,
+            toggle: u
         },
-        children: /* @__PURE__ */ o(j, {
+        children: /* @__PURE__ */ o(q, {
             space: 16,
             role: a,
             dataAttributes: _object_spread({
@@ -304,4 +306,4 @@ const R = 400, C = /*#__PURE__*/ i.createContext({
         })
     });
 };
-export { pe as Accordion, fe as AccordionItem, xe as BoxedAccordion, Ie as BoxedAccordionItem };
+export { Ie as Accordion, pe as AccordionItem, he as BoxedAccordion, xe as BoxedAccordionItem };

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

@@ -1,3 +1,3 @@
 import "./align.css.ts.vanilla.css-mistica.js";
-var o = "v16_16_1mfs0fk0";
+var o = "v16_18_1mfs0fk0";
 export { o as container };

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

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var _ = "v16_16_1y2v1nfla v16_16_1y2v1nfic v16_16_1y2v1nfir v16_16_1y2v1nfil v16_16_1y2v1nfld", a = "v16_16_1y2v1nfn7";
-export { _ as avatar, a as image };
+var _ = "v16_18_1y2v1nfli v16_18_1y2v1nfik v16_18_1y2v1nfiz v16_18_1y2v1nfit v16_18_1y2v1nfll", f = "v16_18_1y2v1nfnf";
+export { _ as avatar, f as image };

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

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./badge.css.ts.vanilla.css-mistica.js";
-var r = "v16_16_17szrmd2 v16_16_1y2v1nf5t", a = "v16_16_17szrmd7", d = "v16_16_17szrmd3", i = "v16_16_17szrmd5 v16_16_17szrmd2 v16_16_1y2v1nf5t v16_16_1y2v1nfic v16_16_1y2v1nfir v16_16_1y2v1nfil", e = "v16_16_1y2v1nfi7", n = "v16_16_1y2v1nfi6 v16_16_1y2v1nfig";
-export { r as badge, a as badgeBigNumber, d as badgeBorder, i as badgeNumber, e as badgeWithChildren, n as container };
+var r = "v16_18_17szrmd2 v16_18_1y2v1nf5x", a = "v16_18_17szrmd7", d = "v16_18_17szrmd3", e = "v16_18_17szrmd5 v16_18_17szrmd2 v16_18_1y2v1nf5x v16_18_1y2v1nfik v16_18_1y2v1nfiz v16_18_1y2v1nfit", i = "v16_18_1y2v1nfif", n = "v16_18_1y2v1nfie v16_18_1y2v1nfio";
+export { r as badge, a as badgeBigNumber, d as badgeBorder, e as badgeNumber, i as badgeWithChildren, n as container };