@telefonica/mistica 17.2.0 → 17.4.0

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

@@ -25,6 +25,8 @@ export declare const vars: {
         backgroundContainerNegative: `var(--${string})`;
         backgroundContainerBrandOverBrand: `var(--${string})`;
         backgroundContainerAlternative: `var(--${string})`;
+        backgroundContainerAlternativeOverAlternative: `var(--${string})`;
+        backgroundContainerAlternativeOverBrand: `var(--${string})`;
         backgroundOverlay: `var(--${string})`;
         backgroundSkeleton: `var(--${string})`;
         backgroundSkeletonInverse: `var(--${string})`;
@@ -47,6 +49,10 @@ export declare const vars: {
         border: `var(--${string})`;
         borderHigh: `var(--${string})`;
         borderSelected: `var(--${string})`;
+        completedStep: `var(--${string})`;
+        completedStepInverse: `var(--${string})`;
+        completedStepNegative: `var(--${string})`;
+        completedStepBrand: `var(--${string})`;
         coverBackgroundHover: `var(--${string})`;
         coverBackgroundPressed: `var(--${string})`;
         buttonDangerBackground: `var(--${string})`;
@@ -147,10 +153,6 @@ export declare const vars: {
         inputBorderInverse: `var(--${string})`;
         inputBorderNegative: `var(--${string})`;
         inputBorderBrand: `var(--${string})`;
-        completedStep: `var(--${string})`;
-        completedStepInverse: `var(--${string})`;
-        completedStepNegative: `var(--${string})`;
-        completedStepBrand: `var(--${string})`;
         control: `var(--${string})`;
         controlActivated: `var(--${string})`;
         controlInverse: `var(--${string})`;
@@ -208,13 +210,13 @@ export declare const vars: {
         textSecondaryNegative: `var(--${string})`;
         textSecondaryBrand: `var(--${string})`;
         textSecondaryMedia: `var(--${string})`;
-        success: `var(--${string})`;
-        warning: `var(--${string})`;
         error: `var(--${string})`;
         textError: `var(--${string})`;
         textErrorInverse: `var(--${string})`;
         textErrorNegative: `var(--${string})`;
         textErrorBrand: `var(--${string})`;
+        success: `var(--${string})`;
+        warning: `var(--${string})`;
         promo: `var(--${string})`;
         highlight: `var(--${string})`;
         successLow: `var(--${string})`;
@@ -332,6 +334,8 @@ export declare const vars: {
         backgroundContainerNegative: `var(--${string})`;
         backgroundContainerBrandOverBrand: `var(--${string})`;
         backgroundContainerAlternative: `var(--${string})`;
+        backgroundContainerAlternativeOverAlternative: `var(--${string})`;
+        backgroundContainerAlternativeOverBrand: `var(--${string})`;
         backgroundOverlay: `var(--${string})`;
         backgroundSkeleton: `var(--${string})`;
         backgroundSkeletonInverse: `var(--${string})`;
@@ -354,6 +358,10 @@ export declare const vars: {
         border: `var(--${string})`;
         borderHigh: `var(--${string})`;
         borderSelected: `var(--${string})`;
+        completedStep: `var(--${string})`;
+        completedStepInverse: `var(--${string})`;
+        completedStepNegative: `var(--${string})`;
+        completedStepBrand: `var(--${string})`;
         coverBackgroundHover: `var(--${string})`;
         coverBackgroundPressed: `var(--${string})`;
         buttonDangerBackground: `var(--${string})`;
@@ -454,10 +462,6 @@ export declare const vars: {
         inputBorderInverse: `var(--${string})`;
         inputBorderNegative: `var(--${string})`;
         inputBorderBrand: `var(--${string})`;
-        completedStep: `var(--${string})`;
-        completedStepInverse: `var(--${string})`;
-        completedStepNegative: `var(--${string})`;
-        completedStepBrand: `var(--${string})`;
         control: `var(--${string})`;
         controlActivated: `var(--${string})`;
         controlInverse: `var(--${string})`;
@@ -515,13 +519,13 @@ export declare const vars: {
         textSecondaryNegative: `var(--${string})`;
         textSecondaryBrand: `var(--${string})`;
         textSecondaryMedia: `var(--${string})`;
-        success: `var(--${string})`;
-        warning: `var(--${string})`;
         error: `var(--${string})`;
         textError: `var(--${string})`;
         textErrorInverse: `var(--${string})`;
         textErrorNegative: `var(--${string})`;
         textErrorBrand: `var(--${string})`;
+        success: `var(--${string})`;
+        warning: `var(--${string})`;
         promo: `var(--${string})`;
         highlight: `var(--${string})`;
         successLow: `var(--${string})`;

package/dist/skins/telefonica.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @generated
+ * This file was automatically generated by the generate-design-tokens script.
+ * Do not edit it by hand: your changes will be overwritten the next time the script runs.
+ */
 import type { GetKnownSkin } from './types';
 export declare const palette: {
     telefonicaBlue: string;

package/dist/skins/telefonica.js

@@ -82,6 +82,8 @@ const e = {
             backgroundContainerNegative: (0, _color.applyAlpha)(e.white, 0.1),
             backgroundContainerBrandOverBrand: e.telefonicaBlue70,
             backgroundContainerAlternative: e.grey1,
+            backgroundContainerAlternativeOverAlternative: e.white,
+            backgroundContainerAlternativeOverBrand: e.telefonicaBlue70,
             backgroundBrand: e.telefonicaBlue,
             backgroundNegative: e.grey9,
             backgroundBrandSecondary: e.telefonicaBlue,
@@ -136,12 +138,12 @@ const e = {
             buttonLinkBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.08),
             buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.08),
             buttonLinkNeutralBackgroundPressed: (0, _color.applyAlpha)(e.grey2, 0.4),
-            buttonLinkNeutralBackgroundBrand: e.white,
-            buttonLinkNeutralBackgroundBrandPressed: e.grey1,
-            buttonLinkNeutralBackgroundNegative: e.white,
-            buttonLinkNeutralBackgroundNegativePressed: e.grey1,
-            buttonLinkNeutralBackgroundMedia: e.white,
-            buttonLinkNeutralBackgroundMediaPressed: e.grey1,
+            buttonLinkNeutralBackgroundBrand: (0, _color.applyAlpha)(e.white, 0),
+            buttonLinkNeutralBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonLinkNeutralBackgroundNegative: (0, _color.applyAlpha)(e.white, 0),
+            buttonLinkNeutralBackgroundNegativePressed: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonLinkNeutralBackgroundMedia: (0, _color.applyAlpha)(e.white, 0),
+            buttonLinkNeutralBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.08),
             buttonPrimaryBackground: e.telefonicaBlue,
             buttonPrimaryBackgroundInverse: e.white,
             buttonPrimaryBackgroundNegative: e.white,
@@ -206,10 +208,10 @@ const e = {
             textLinkDangerMedia: e.coral60,
             textLinkSnackbar: e.telefonicaBlue30,
             textLinkNeutral: e.grey9,
-            textLinkNeutralBrand: e.grey9,
-            textLinkNeutralNegative: e.grey9,
+            textLinkNeutralBrand: e.white,
+            textLinkNeutralNegative: e.white,
             textLinkNeutralAlternative: e.grey9,
-            textLinkNeutralMedia: e.grey9,
+            textLinkNeutralMedia: e.white,
             textActivated: e.telefonicaBlue70,
             textBrand: e.telefonicaBlue70,
             inputBorder: e.grey5,
@@ -401,6 +403,8 @@ const e = {
             backgroundContainerNegative: e.darkModeGrey,
             backgroundContainerBrandOverBrand: e.darkModeGrey,
             backgroundContainerAlternative: e.darkModeGrey,
+            backgroundContainerAlternativeOverAlternative: e.darkModeGrey,
+            backgroundContainerAlternativeOverBrand: e.darkModeGrey,
             backgroundOverlay: (0, _color.applyAlpha)(e.darkModeGrey, 0.8),
             backgroundSkeleton: e.grey8,
             backgroundSkeletonInverse: e.grey8,

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

@@ -1,3 +1,8 @@
+/**
+ * @generated
+ * This file was automatically generated by the generate-design-tokens script.
+ * Do not edit it by hand: your changes will be overwritten the next time the script runs.
+ */
 export type Colors = {
     background: string;
     backgroundAlternative: string;
@@ -24,6 +29,8 @@ export type Colors = {
     backgroundContainerNegative: string;
     backgroundContainerBrandOverBrand: string;
     backgroundContainerAlternative: string;
+    backgroundContainerAlternativeOverAlternative: string;
+    backgroundContainerAlternativeOverBrand: string;
     backgroundOverlay: string;
     backgroundSkeleton: string;
     backgroundSkeletonInverse: string;
@@ -46,6 +53,10 @@ export type Colors = {
     border: string;
     borderHigh: string;
     borderSelected: string;
+    completedStep: string;
+    completedStepInverse: string;
+    completedStepNegative: string;
+    completedStepBrand: string;
     coverBackgroundHover: string;
     coverBackgroundPressed: string;
     buttonDangerBackground: string;
@@ -146,10 +157,6 @@ export type Colors = {
     inputBorderInverse: string;
     inputBorderNegative: string;
     inputBorderBrand: string;
-    completedStep: string;
-    completedStepInverse: string;
-    completedStepNegative: string;
-    completedStepBrand: string;
     control: string;
     controlActivated: string;
     controlInverse: string;
@@ -207,13 +214,13 @@ export type Colors = {
     textSecondaryNegative: string;
     textSecondaryBrand: string;
     textSecondaryMedia: string;
-    success: string;
-    warning: string;
     error: string;
     textError: string;
     textErrorInverse: string;
     textErrorNegative: string;
     textErrorBrand: string;
+    success: string;
+    warning: string;
     promo: string;
     highlight: string;
     successLow: string;

package/dist/skins/vivo-evolution.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @generated
+ * This file was automatically generated by the generate-design-tokens script.
+ * Do not edit it by hand: your changes will be overwritten the next time the script runs.
+ */
 import type { GetKnownSkin } from './types';
 export declare const palette: {
     vivoNeutral0: string;

package/dist/skins/vivo-evolution.js

@@ -127,6 +127,8 @@ const e = {
             backgroundContainerNegative: (0, _color.applyAlpha)(e.vivoNeutral950, 0.4),
             backgroundContainerBrandOverBrand: e.vivoPurple650,
             backgroundContainerAlternative: e.vivoNeutral25,
+            backgroundContainerAlternativeOverAlternative: e.vivoNeutral150,
+            backgroundContainerAlternativeOverBrand: e.vivoPurple800,
             backgroundOverlay: (0, _color.applyAlpha)(e.vivoNeutral975, 0.6),
             backgroundSkeleton: e.vivoNeutral200,
             backgroundSkeletonInverse: e.vivoPurple900,
@@ -169,12 +171,12 @@ const e = {
             buttonLinkBackgroundBrandPressed: (0, _color.applyAlpha)(e.vivoNeutral0, 0.1),
             buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.vivoNeutral0, 0.1),
             buttonLinkNeutralBackgroundPressed: e.vivoNeutral100,
-            buttonLinkNeutralBackgroundBrand: e.vivoNeutral0,
-            buttonLinkNeutralBackgroundBrandPressed: e.vivoNeutral25,
-            buttonLinkNeutralBackgroundNegative: e.vivoNeutral0,
-            buttonLinkNeutralBackgroundNegativePressed: e.vivoNeutral25,
-            buttonLinkNeutralBackgroundMedia: e.vivoNeutral0,
-            buttonLinkNeutralBackgroundMediaPressed: e.vivoNeutral25,
+            buttonLinkNeutralBackgroundBrand: (0, _color.applyAlpha)(e.vivoNeutral0, 0),
+            buttonLinkNeutralBackgroundBrandPressed: (0, _color.applyAlpha)(e.vivoNeutral0, 0.1),
+            buttonLinkNeutralBackgroundNegative: (0, _color.applyAlpha)(e.vivoNeutral0, 0),
+            buttonLinkNeutralBackgroundNegativePressed: (0, _color.applyAlpha)(e.vivoNeutral0, 0.1),
+            buttonLinkNeutralBackgroundMedia: (0, _color.applyAlpha)(e.vivoNeutral0, 0),
+            buttonLinkNeutralBackgroundMediaPressed: (0, _color.applyAlpha)(e.vivoNeutral0, 0.1),
             buttonPrimaryBackground: e.vivoPurple700,
             buttonPrimaryBackgroundInverse: e.vivoNeutral0,
             buttonPrimaryBackgroundNegative: e.vivoNeutral0,
@@ -239,10 +241,10 @@ const e = {
             textLinkDangerMedia: e.vivoPepper600,
             textLinkSnackbar: e.vivoPurple100,
             textLinkNeutral: e.vivoNeutral975,
-            textLinkNeutralBrand: e.vivoNeutral975,
-            textLinkNeutralNegative: e.vivoNeutral975,
+            textLinkNeutralBrand: e.vivoNeutral0,
+            textLinkNeutralNegative: e.vivoNeutral0,
             textLinkNeutralAlternative: e.vivoNeutral975,
-            textLinkNeutralMedia: e.vivoNeutral975,
+            textLinkNeutralMedia: e.vivoNeutral0,
             textActivated: e.vivoPurple700,
             textBrand: e.vivoPurple700,
             inputBorder: e.vivoNeutral500,
@@ -434,6 +436,8 @@ const e = {
             backgroundContainerNegative: e.vivoNeutral900,
             backgroundContainerBrandOverBrand: e.vivoNeutral900,
             backgroundContainerAlternative: e.vivoNeutral900,
+            backgroundContainerAlternativeOverAlternative: e.vivoNeutral150,
+            backgroundContainerAlternativeOverBrand: e.vivoPurple800,
             backgroundOverlay: (0, _color.applyAlpha)(e.vivoNeutral900, 0.8),
             backgroundSkeleton: e.vivoNeutral800,
             backgroundSkeletonInverse: e.vivoNeutral800,
@@ -1210,7 +1214,7 @@ const e = {
                 }
             },
             responsiveLayoutMargin: {
-                mobile: 8,
+                mobile: 16,
                 desktop: 48
             }
         }

package/dist/skins/vivo.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @generated
+ * This file was automatically generated by the generate-design-tokens script.
+ * Do not edit it by hand: your changes will be overwritten the next time the script runs.
+ */
 import type { GetKnownSkin } from './types';
 export declare const palette: {
     vivoPurple: string;

package/dist/skins/vivo.js

@@ -83,6 +83,8 @@ const e = {
             backgroundContainerNegative: (0, _color.applyAlpha)(e.darkModeBlack, 0.4),
             backgroundContainerBrandOverBrand: e.vivoPurpleDark,
             backgroundContainerAlternative: e.grey1,
+            backgroundContainerAlternativeOverAlternative: e.white,
+            backgroundContainerAlternativeOverBrand: e.vivoPurpleDark,
             backgroundOverlay: (0, _color.applyAlpha)(e.grey6, 0.6),
             backgroundSkeleton: e.grey3,
             backgroundSkeletonInverse: e.vivoPurpleDark,
@@ -125,12 +127,12 @@ const e = {
             buttonLinkBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.1),
             buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.1),
             buttonLinkNeutralBackgroundPressed: e.grey2,
-            buttonLinkNeutralBackgroundBrand: e.white,
-            buttonLinkNeutralBackgroundBrandPressed: e.grey1,
-            buttonLinkNeutralBackgroundNegative: e.white,
-            buttonLinkNeutralBackgroundNegativePressed: e.grey1,
-            buttonLinkNeutralBackgroundMedia: e.white,
-            buttonLinkNeutralBackgroundMediaPressed: e.grey1,
+            buttonLinkNeutralBackgroundBrand: (0, _color.applyAlpha)(e.white, 0),
+            buttonLinkNeutralBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.1),
+            buttonLinkNeutralBackgroundNegative: (0, _color.applyAlpha)(e.white, 0),
+            buttonLinkNeutralBackgroundNegativePressed: (0, _color.applyAlpha)(e.white, 0.1),
+            buttonLinkNeutralBackgroundMedia: (0, _color.applyAlpha)(e.white, 0),
+            buttonLinkNeutralBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.1),
             buttonPrimaryBackground: e.vivoPurple,
             buttonPrimaryBackgroundInverse: e.white,
             buttonPrimaryBackgroundNegative: e.white,
@@ -195,10 +197,10 @@ const e = {
             textLinkDangerMedia: e.pepper,
             textLinkSnackbar: e.vivoPurpleLight20,
             textLinkNeutral: e.grey6,
-            textLinkNeutralBrand: e.grey6,
-            textLinkNeutralNegative: e.grey6,
+            textLinkNeutralBrand: e.white,
+            textLinkNeutralNegative: e.white,
             textLinkNeutralAlternative: e.grey6,
-            textLinkNeutralMedia: e.grey6,
+            textLinkNeutralMedia: e.white,
             textActivated: e.vivoPurple,
             textBrand: e.vivoPurple,
             inputBorder: e.grey4,
@@ -390,6 +392,8 @@ const e = {
             backgroundContainerNegative: e.darkModeGrey,
             backgroundContainerBrandOverBrand: e.darkModeGrey,
             backgroundContainerAlternative: e.darkModeGrey,
+            backgroundContainerAlternativeOverAlternative: e.darkModeGrey,
+            backgroundContainerAlternativeOverBrand: e.darkModeGrey,
             backgroundOverlay: (0, _color.applyAlpha)(e.darkModeGrey, 0.8),
             backgroundSkeleton: e.darkModeGrey6,
             backgroundSkeletonInverse: e.darkModeGrey6,

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

@@ -13,7 +13,7 @@ _export(exports, {
         return f;
     },
     get skipLinkList () {
-        return i;
+        return y;
     }
 });
-/* empty css                                     */ /* empty css                                              */ /* empty css                                     */ var f = "v17_2_13pf4ld1 v17_2_13pf4ld0 v17_2_1y2v1nfhc v17_2_1y2v1nfil v17_2_1y2v1nfju v17_2_1y2v1nfl3 v17_2_1y2v1nf8x v17_2_1y2v1nftr v17_2_1y2v1nfu2 v17_2_1y2v1nfr5 v17_2_1y2v1nfuk v17_2_1y2v1nfuz", i = "v17_2_13pf4ld2";
+/* empty css                                     */ /* empty css                                              */ /* empty css                                     */ var f = "v17_4_13pf4ld1 v17_4_13pf4ld0 v17_4_1y2v1nfhg v17_4_1y2v1nfip v17_4_1y2v1nfjy v17_4_1y2v1nfl7 v17_4_1y2v1nf8z v17_4_1y2v1nftv v17_4_1y2v1nfu6 v17_4_1y2v1nfr9 v17_4_1y2v1nfuo v17_4_1y2v1nfv3", y = "v17_4_13pf4ld2";

package/dist/slider.css-mistica.js

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     get container () {
-        return l;
+        return n;
     },
     get defaultThumb () {
-        return j;
+        return y;
     },
     get disabled () {
-        return n;
+        return l;
     },
     get input () {
         return a;
@@ -25,34 +25,34 @@ _export(exports, {
         return f;
     },
     get thumbActive () {
-        return y;
+        return w;
     },
     get thumbContainer () {
         return k;
     },
     get thumbHover () {
-        return w;
+        return j;
     },
     get track () {
         return h;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var l = "v17_2_1j1wlhk1 v17_2_1j1wlhk0 v17_2_1y2v1nfrx v17_2_1y2v1nfr4 v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfud", n = "v17_2_1j1wlhk2", h = "v17_2_1j1wlhk3 v17_2_1y2v1nfrx v17_2_1y2v1nfsh v17_2_1y2v1nfu8", k = "v17_2_1j1wlhk5 v17_2_1j1wlhk4 v17_2_1y2v1nfr5 v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfrj", j = {
-    default: "v17_2_1j1wlhkd v17_2_1j1wlhk7 v17_2_1j1wlhk6 v17_2_1y2v1nfs5 v17_2_1y2v1nfsl v17_2_1y2v1nftu v17_2_1j1wlhk8 v17_2_1y2v1nfcr",
-    alternative: "v17_2_1j1wlhke v17_2_1j1wlhk7 v17_2_1j1wlhk6 v17_2_1y2v1nfs5 v17_2_1y2v1nfsl v17_2_1y2v1nftu v17_2_1j1wlhk9 v17_2_1y2v1nfcr",
-    brand: "v17_2_1j1wlhkf v17_2_1j1wlhk7 v17_2_1j1wlhk6 v17_2_1y2v1nfs5 v17_2_1y2v1nfsl v17_2_1y2v1nftu v17_2_1j1wlhka v17_2_1y2v1nfcx",
-    media: "v17_2_1j1wlhkg v17_2_1j1wlhk7 v17_2_1j1wlhk6 v17_2_1y2v1nfs5 v17_2_1y2v1nfsl v17_2_1y2v1nftu v17_2_1j1wlhkb v17_2_1y2v1nfcx",
-    negative: "v17_2_1j1wlhkh v17_2_1j1wlhk7 v17_2_1j1wlhk6 v17_2_1y2v1nfs5 v17_2_1y2v1nfsl v17_2_1y2v1nftu v17_2_1j1wlhkc v17_2_1y2v1nfcw"
-}, f = "v17_2_1j1wlhkj v17_2_1j1wlhki v17_2_1y2v1nfdc v17_2_1y2v1nftu", w = {
-    default: "v17_2_1j1wlhkk",
-    alternative: "v17_2_1j1wlhkl",
-    brand: "v17_2_1j1wlhkm",
-    media: "v17_2_1j1wlhkn",
-    negative: "v17_2_1j1wlhko"
-}, y = {
-    default: "v17_2_1j1wlhkp",
-    alternative: "v17_2_1j1wlhkq",
-    brand: "v17_2_1j1wlhkr",
-    media: "v17_2_1j1wlhks",
-    negative: "v17_2_1j1wlhkt"
-}, a = "v17_2_1j1wlhkv v17_2_1j1wlhku v17_2_1y2v1nfr5 v17_2_1y2v1nfuk";
+/* empty css                                     */ /* empty css                                  */ var n = "v17_4_1j1wlhk1 v17_4_1j1wlhk0 v17_4_1y2v1nfs1 v17_4_1y2v1nfr8 v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfuh", l = "v17_4_1j1wlhk2", h = "v17_4_1j1wlhk3 v17_4_1y2v1nfs1 v17_4_1y2v1nfsl v17_4_1y2v1nfuc", k = "v17_4_1j1wlhk5 v17_4_1j1wlhk4 v17_4_1y2v1nfr9 v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfrn", y = {
+    default: "v17_4_1j1wlhkd v17_4_1j1wlhk7 v17_4_1j1wlhk6 v17_4_1y2v1nfs9 v17_4_1y2v1nfsp v17_4_1y2v1nfty v17_4_1j1wlhk8 v17_4_1y2v1nfcv",
+    alternative: "v17_4_1j1wlhke v17_4_1j1wlhk7 v17_4_1j1wlhk6 v17_4_1y2v1nfs9 v17_4_1y2v1nfsp v17_4_1y2v1nfty v17_4_1j1wlhk9 v17_4_1y2v1nfcv",
+    brand: "v17_4_1j1wlhkf v17_4_1j1wlhk7 v17_4_1j1wlhk6 v17_4_1y2v1nfs9 v17_4_1y2v1nfsp v17_4_1y2v1nfty v17_4_1j1wlhka v17_4_1y2v1nfd1",
+    media: "v17_4_1j1wlhkg v17_4_1j1wlhk7 v17_4_1j1wlhk6 v17_4_1y2v1nfs9 v17_4_1y2v1nfsp v17_4_1y2v1nfty v17_4_1j1wlhkb v17_4_1y2v1nfd1",
+    negative: "v17_4_1j1wlhkh v17_4_1j1wlhk7 v17_4_1j1wlhk6 v17_4_1y2v1nfs9 v17_4_1y2v1nfsp v17_4_1y2v1nfty v17_4_1j1wlhkc v17_4_1y2v1nfd0"
+}, f = "v17_4_1j1wlhkj v17_4_1j1wlhki v17_4_1y2v1nfdg v17_4_1y2v1nfty", j = {
+    default: "v17_4_1j1wlhkk",
+    alternative: "v17_4_1j1wlhkl",
+    brand: "v17_4_1j1wlhkm",
+    media: "v17_4_1j1wlhkn",
+    negative: "v17_4_1j1wlhko"
+}, w = {
+    default: "v17_4_1j1wlhkp",
+    alternative: "v17_4_1j1wlhkq",
+    brand: "v17_4_1j1wlhkr",
+    media: "v17_4_1j1wlhks",
+    negative: "v17_4_1j1wlhkt"
+}, a = "v17_4_1j1wlhkv v17_4_1j1wlhku v17_4_1y2v1nfr9 v17_4_1y2v1nfuo";

package/dist/snackbar.css-mistica.js

@@ -13,25 +13,25 @@ _export(exports, {
         return n;
     },
     get button () {
-        return e;
+        return i;
     },
     get buttonTouchable () {
         return s;
     },
     get contentWithLongButton () {
-        return t;
+        return j;
     },
     get contentWithoutLongButton () {
-        return p;
+        return e;
     },
     get dismissButton () {
-        return u;
+        return c;
     },
     get dismissIcon () {
-        return c;
+        return u;
     },
     get longButton () {
-        return i;
+        return p;
     },
     get snackbar () {
         return b;
@@ -43,19 +43,19 @@ _export(exports, {
         return o;
     },
     get wrapper () {
-        return f;
+        return y;
     },
     get wrapperCritical () {
-        return y;
+        return f;
     },
     get wrapperInfo () {
-        return a;
+        return t;
     },
     get wrapperOpen () {
-        return j;
+        return a;
     }
 });
-/* empty css                                     */ /* empty css                                    */ var n = 300, b = "v17_2_o7bjb01 v17_2_o7bjb00 v17_2_1y2v1nfrx v17_2_1y2v1nfra v17_2_1y2v1nfrj", r = "v17_2_o7bjb03 v17_2_o7bjb02 v17_2_1y2v1nfr4", o = "v17_2_o7bjb04", f = "v17_2_o7bjb06 v17_2_o7bjb05 v17_2_1y2v1nfr6 v17_2_1y2v1nfuc", y = "v17_2_o7bjb07 v17_2_1y2v1nfdm", a = "v17_2_o7bjb08 v17_2_1y2v1nfdn", j = "v17_2_o7bjb09", t = "v17_2_o7bjb0c v17_2_o7bjb0a v17_2_1y2v1nfra v17_2_1y2v1nfrm v17_2_o7bjb0b v17_2_1y2v1nfrg", p = "v17_2_o7bjb0e v17_2_o7bjb0a v17_2_1y2v1nfra v17_2_1y2v1nfrm v17_2_o7bjb0d v17_2_1y2v1nfrf v17_2_1y2v1nfrp", e = "v17_2_o7bjb0g", i = "v17_2_o7bjb0h", s = "v17_2_o7bjb0i v17_2_1y2v1nfh9 v17_2_1y2v1nfii v17_2_1y2v1nfju v17_2_1y2v1nfl3 v17_2_1y2v1nfts v17_2_1y2v1nfh2", u = {
-    centered: "v17_2_o7bjb0l v17_2_o7bjb0j v17_2_1y2v1nfra v17_2_1y2v1nfr5 v17_2_1y2v1nfrp v17_2_1y2v1nfrj v17_2_1y2v1nfvh",
-    topRight: "v17_2_o7bjb0m v17_2_o7bjb0j v17_2_1y2v1nfra v17_2_1y2v1nfr5 v17_2_1y2v1nfrp v17_2_1y2v1nfrj v17_2_1y2v1nfvh v17_2_o7bjb0k v17_2_1y2v1nfun"
-}, c = "v17_2_o7bjb0o v17_2_o7bjb0n v17_2_1y2v1nfs7 v17_2_1y2v1nfsn v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfrj v17_2_1y2v1nftu";
+/* empty css                                     */ /* empty css                                    */ var n = 300, b = "v17_4_o7bjb01 v17_4_o7bjb00 v17_4_1y2v1nfs1 v17_4_1y2v1nfre v17_4_1y2v1nfrn", r = "v17_4_o7bjb03 v17_4_o7bjb02 v17_4_1y2v1nfr8", o = "v17_4_o7bjb04", y = "v17_4_o7bjb06 v17_4_o7bjb05 v17_4_1y2v1nfra v17_4_1y2v1nfug", f = "v17_4_o7bjb07 v17_4_1y2v1nfdq", t = "v17_4_o7bjb08 v17_4_1y2v1nfdr", a = "v17_4_o7bjb09", j = "v17_4_o7bjb0c v17_4_o7bjb0a v17_4_1y2v1nfre v17_4_1y2v1nfrq v17_4_o7bjb0b v17_4_1y2v1nfrk", e = "v17_4_o7bjb0e v17_4_o7bjb0a v17_4_1y2v1nfre v17_4_1y2v1nfrq v17_4_o7bjb0d v17_4_1y2v1nfrj v17_4_1y2v1nfrt", i = "v17_4_o7bjb0g", p = "v17_4_o7bjb0h", s = "v17_4_o7bjb0i v17_4_1y2v1nfhd v17_4_1y2v1nfim v17_4_1y2v1nfjy v17_4_1y2v1nfl7 v17_4_1y2v1nftw v17_4_1y2v1nfh6", c = {
+    centered: "v17_4_o7bjb0l v17_4_o7bjb0j v17_4_1y2v1nfre v17_4_1y2v1nfr9 v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1y2v1nfvl",
+    topRight: "v17_4_o7bjb0m v17_4_o7bjb0j v17_4_1y2v1nfre v17_4_1y2v1nfr9 v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1y2v1nfvl v17_4_o7bjb0k v17_4_1y2v1nfur"
+}, u = "v17_4_o7bjb0o v17_4_o7bjb0n v17_4_1y2v1nfsb v17_4_1y2v1nfsr v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1y2v1nfty";

package/dist/spinner.css-mistica.js

@@ -22,4 +22,4 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                   */ var r = "v17_2_1fthc594 v17_2_1fthc593 v17_2_1y2v1nfrs v17_2_1y2v1nfrc", n = "v17_2_1fthc595", t = "v17_2_1fthc596 v17_2_1y2v1nfrs v17_2_1y2v1nfrc", f = "v17_2_1fthc597";
+/* empty css                                     */ /* empty css                                   */ var r = "v17_4_1fthc594 v17_4_1fthc593 v17_4_1y2v1nfrw v17_4_1y2v1nfrg", n = "v17_4_1fthc595", t = "v17_4_1fthc596 v17_4_1y2v1nfrw v17_4_1y2v1nfrg", f = "v17_4_1fthc597";

package/dist/square.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "square", {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var r = "v17_2_1vlkt4s1 v17_2_1vlkt4s0 v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfrj";
+/* empty css                                     */ /* empty css                                  */ var r = "v17_4_1vlkt4s1 v17_4_1vlkt4s0 v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfrn";

package/dist/stack.css-mistica.js

@@ -20,8 +20,8 @@ _export(exports, {
     }
 });
 /* empty css                                 */ var v = {
-    space: "var(--v17_2_xjgm6d0)",
-    spaceMobile: "var(--v17_2_xjgm6d1)",
-    spaceTablet: "var(--v17_2_xjgm6d2)",
-    spaceDesktop: "var(--v17_2_xjgm6d3)"
-}, _ = "v17_2_xjgm6d4", r = "v17_2_xjgm6d5";
+    space: "var(--v17_4_xjgm6d0)",
+    spaceMobile: "var(--v17_4_xjgm6d1)",
+    spaceTablet: "var(--v17_4_xjgm6d2)",
+    spaceDesktop: "var(--v17_4_xjgm6d3)"
+}, _ = "v17_4_xjgm6d4", r = "v17_4_xjgm6d5";

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

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "moreItems", {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                          */ var r = "v17_2_1y38nye1 v17_2_1y38nye0 v17_2_1y2v1nfra v17_2_1y2v1nfr4 v17_2_1y2v1nfrj v17_2_1y2v1nfrp";
+/* empty css                                     */ /* empty css                                          */ var r = "v17_4_1y38nye1 v17_4_1y38nye0 v17_4_1y2v1nfre v17_4_1y2v1nfr8 v17_4_1y2v1nfrn v17_4_1y2v1nfrt";

package/dist/stepper.css-mistica.js

@@ -16,28 +16,28 @@ _export(exports, {
         return i;
     },
     get barFilledAnimation () {
-        return p;
+        return s;
     },
     get barFilledReverseAnimation () {
-        return o;
+        return l;
     },
     get currentNumber () {
-        return e;
+        return h;
     },
     get iconAnimation () {
-        return h;
+        return y;
     },
     get listItem () {
         return m;
     },
     get number () {
-        return y;
+        return a;
     },
     get step () {
-        return a;
+        return f;
     },
     get stepIconNumber () {
-        return f;
+        return e;
     },
     get stepper () {
         return n;
@@ -50,5 +50,5 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                   */ var r = {
-    stepperMinHeight: "var(--v17_2_14h93mq0)"
-}, n = "v17_2_14h93mq7 v17_2_14h93mq6 v17_2_1y2v1nfra v17_2_1y2v1nfro v17_2_1y2v1nfth", m = "v17_2_14h93mq8 v17_2_1y2v1nfra v17_2_1y2v1nfrp", a = "v17_2_14h93mqa v17_2_14h93mq9 v17_2_1y2v1nfr4 v17_2_1y2v1nfrb v17_2_1y2v1nfrg v17_2_1y2v1nfrp", f = "v17_2_14h93mqc v17_2_14h93mqb v17_2_1y2v1nfr4 v17_2_1y2v1nfra", h = "v17_2_14h93mqd", y = "v17_2_14h93mqf v17_2_14h93mqe v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfrj v17_2_1y2v1nftu", e = "v17_2_14h93mqg", q = "v17_2_14h93mqi v17_2_14h93mqh v17_2_1y2v1nfr5", t = "v17_2_14h93mql v17_2_14h93mqk v17_2_1y2v1nfsh v17_2_1y2v1nfrx v17_2_1y2v1nfu8 v17_2_1y2v1nfue", i = "v17_2_14h93mqn v17_2_14h93mqm v17_2_1y2v1nfsh v17_2_1y2v1nfrx v17_2_1y2v1nfu8 v17_2_1y2v1nfue", p = "v17_2_14h93mqo", o = "v17_2_14h93mqq v17_2_14h93mqp v17_2_1y2v1nfrz";
+    stepperMinHeight: "var(--v17_4_14h93mq0)"
+}, n = "v17_4_14h93mq7 v17_4_14h93mq6 v17_4_1y2v1nfre v17_4_1y2v1nfrs v17_4_1y2v1nftl", m = "v17_4_14h93mq8 v17_4_1y2v1nfre v17_4_1y2v1nfrt", f = "v17_4_14h93mqa v17_4_14h93mq9 v17_4_1y2v1nfr8 v17_4_1y2v1nfrf v17_4_1y2v1nfrk v17_4_1y2v1nfrt", e = "v17_4_14h93mqc v17_4_14h93mqb v17_4_1y2v1nfr8 v17_4_1y2v1nfre", y = "v17_4_14h93mqd", a = "v17_4_14h93mqf v17_4_14h93mqe v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1y2v1nfty", h = "v17_4_14h93mqg", q = "v17_4_14h93mqi v17_4_14h93mqh v17_4_1y2v1nfr9", t = "v17_4_14h93mql v17_4_14h93mqk v17_4_1y2v1nfsl v17_4_1y2v1nfs1 v17_4_1y2v1nfuc v17_4_1y2v1nfui", i = "v17_4_14h93mqn v17_4_14h93mqm v17_4_1y2v1nfsl v17_4_1y2v1nfs1 v17_4_1y2v1nfuc v17_4_1y2v1nfui", s = "v17_4_14h93mqo", l = "v17_4_14h93mqq v17_4_14h93mqp v17_4_1y2v1nfs3";