@telefonica/mistica 16.15.0 → 16.17.0

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

@@ -1,7 +1,9 @@
 export declare const vars: {
     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 vars: {
         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 vars: {
         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 vars: {
         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 vars: {
         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 vars: {
         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 vars: {
         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/skins/telefonica.js

@@ -180,24 +180,28 @@ const e = {
             tagTextPromo: e.orchid70,
             tagTextActive: e.telefonicaBlue,
             tagTextInactive: e.grey5,
+            tagTextInfo: e.telefonicaBlue,
             tagTextSuccess: e.turquoise70,
             tagTextWarning: e.ambar70,
             tagTextError: e.coral70,
             tagBackgroundPromo: e.orchid10,
             tagBackgroundActive: e.telefonicaBlue10,
             tagBackgroundInactive: e.grey1,
+            tagBackgroundInfo: e.telefonicaBlue10,
             tagBackgroundSuccess: e.turquoise10,
             tagBackgroundWarning: e.ambar10,
             tagBackgroundError: e.coral10,
             tagTextPromoInverse: e.orchid70,
             tagTextActiveInverse: e.telefonicaBlue,
             tagTextInactiveInverse: e.grey5,
+            tagTextInfoInverse: e.telefonicaBlue,
             tagTextSuccessInverse: e.turquoise70,
             tagTextWarningInverse: e.ambar70,
             tagTextErrorInverse: e.coral70,
             tagBackgroundPromoInverse: e.orchid10,
             tagBackgroundActiveInverse: e.telefonicaBlue10,
             tagBackgroundInactiveInverse: e.grey1,
+            tagBackgroundInfoInverse: e.telefonicaBlue10,
             tagBackgroundSuccessInverse: e.turquoise10,
             tagBackgroundWarningInverse: e.ambar10,
             tagBackgroundErrorInverse: e.coral10,
@@ -326,24 +330,28 @@ const e = {
             tagTextPromo: e.orchid40,
             tagTextActive: e.telefonicaBlue,
             tagTextInactive: e.grey5,
+            tagTextInfo: e.telefonicaBlue,
             tagTextSuccess: e.turquoise40,
             tagTextWarning: e.ambar40,
             tagTextError: e.coral40,
             tagBackgroundPromo: e.darkModeGrey6,
             tagBackgroundActive: e.darkModeGrey6,
             tagBackgroundInactive: e.darkModeGrey6,
+            tagBackgroundInfo: e.darkModeGrey6,
             tagBackgroundSuccess: e.darkModeGrey6,
             tagBackgroundWarning: e.darkModeGrey6,
             tagBackgroundError: e.darkModeGrey6,
             tagTextPromoInverse: e.orchid40,
             tagTextActiveInverse: e.telefonicaBlue,
             tagTextInactiveInverse: e.grey5,
+            tagTextInfoInverse: e.telefonicaBlue,
             tagTextSuccessInverse: e.turquoise40,
             tagTextWarningInverse: e.ambar40,
             tagTextErrorInverse: e.coral40,
             tagBackgroundPromoInverse: e.darkModeGrey6,
             tagBackgroundActiveInverse: e.darkModeGrey6,
             tagBackgroundInactiveInverse: e.darkModeGrey6,
+            tagBackgroundInfoInverse: e.darkModeGrey6,
             tagBackgroundSuccessInverse: e.darkModeGrey6,
             tagBackgroundWarningInverse: e.darkModeGrey6,
             tagBackgroundErrorInverse: e.darkModeGrey6,

package/dist/skins/tu.js

@@ -184,24 +184,28 @@ const e = {
             tagTextPromo: e.blue,
             tagTextActive: e.blue,
             tagTextInactive: e.grey5,
+            tagTextInfo: e.blue,
             tagTextSuccess: e.green75,
             tagTextWarning: e.orange70,
             tagTextError: e.red70,
             tagBackgroundPromo: e.blue10,
             tagBackgroundActive: e.blue10,
             tagBackgroundInactive: e.grey1,
+            tagBackgroundInfo: e.blue10,
             tagBackgroundSuccess: e.green10,
             tagBackgroundWarning: e.orange20,
             tagBackgroundError: e.red10,
             tagTextPromoInverse: e.blue,
             tagTextActiveInverse: e.blue,
             tagTextInactiveInverse: e.grey5,
+            tagTextInfoInverse: e.blue,
             tagTextSuccessInverse: e.green75,
             tagTextWarningInverse: e.orange70,
             tagTextErrorInverse: e.red70,
             tagBackgroundPromoInverse: e.blue10,
             tagBackgroundActiveInverse: e.blue10,
             tagBackgroundInactiveInverse: e.grey1,
+            tagBackgroundInfoInverse: e.blue10,
             tagBackgroundSuccessInverse: e.green10,
             tagBackgroundWarningInverse: e.orange20,
             tagBackgroundErrorInverse: e.red10,
@@ -330,24 +334,28 @@ const e = {
             tagTextPromo: e.blue30,
             tagTextActive: e.blue30,
             tagTextInactive: e.grey5,
+            tagTextInfo: e.blue30,
             tagTextSuccess: e.green40,
             tagTextWarning: e.orange55,
             tagTextError: e.red40,
             tagBackgroundPromo: e.darkModeGrey6,
             tagBackgroundActive: e.darkModeGrey6,
             tagBackgroundInactive: e.darkModeGrey6,
+            tagBackgroundInfo: e.darkModeGrey6,
             tagBackgroundSuccess: e.darkModeGrey6,
             tagBackgroundWarning: e.darkModeGrey6,
             tagBackgroundError: e.darkModeGrey6,
             tagTextPromoInverse: e.blue30,
             tagTextActiveInverse: e.blue30,
             tagTextInactiveInverse: e.grey5,
+            tagTextInfoInverse: e.blue30,
             tagTextSuccessInverse: e.green40,
             tagTextWarningInverse: e.orange55,
             tagTextErrorInverse: e.red40,
             tagBackgroundPromoInverse: e.darkModeGrey6,
             tagBackgroundActiveInverse: e.darkModeGrey6,
             tagBackgroundInactiveInverse: e.darkModeGrey6,
+            tagBackgroundInfoInverse: e.darkModeGrey6,
             tagBackgroundSuccessInverse: e.darkModeGrey6,
             tagBackgroundWarningInverse: e.darkModeGrey6,
             tagBackgroundErrorInverse: e.darkModeGrey6,

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

@@ -1,6 +1,8 @@
 export type Colors = {
-    appBarBackground: string;
     background: string;
+    backgroundAlternative: string;
+    backgroundBrand: string;
+    backgroundBrandSecondary: string;
     backgroundContainer: string;
     backgroundContainerError: string;
     backgroundContainerHover: string;
@@ -10,15 +12,13 @@ export type Colors = {
     backgroundContainerBrandPressed: string;
     backgroundContainerBrandOverInverse: string;
     backgroundContainerAlternative: string;
-    backgroundBrand: string;
-    backgroundBrandSecondary: string;
     backgroundOverlay: string;
     backgroundSkeleton: string;
     backgroundSkeletonInverse: string;
-    navigationBarBackground: string;
-    backgroundAlternative: string;
     backgroundBrandTop: string;
     backgroundBrandBottom: string;
+    appBarBackground: string;
+    navigationBarBackground: string;
     skeletonWave: string;
     borderLow: string;
     border: string;
@@ -91,11 +91,11 @@ export type Colors = {
     textPrimaryInverse: string;
     textSecondary: string;
     textSecondaryInverse: string;
+    success: string;
+    warning: string;
     error: string;
     textError: string;
     textErrorInverse: string;
-    success: string;
-    warning: string;
     promo: string;
     highlight: string;
     successLow: string;
@@ -121,24 +121,28 @@ export type Colors = {
     tagTextPromo: string;
     tagTextActive: string;
     tagTextInactive: string;
+    tagTextInfo: string;
     tagTextSuccess: string;
     tagTextWarning: string;
     tagTextError: string;
     tagBackgroundPromo: string;
     tagBackgroundActive: string;
     tagBackgroundInactive: string;
+    tagBackgroundInfo: string;
     tagBackgroundSuccess: string;
     tagBackgroundWarning: string;
     tagBackgroundError: string;
     tagTextPromoInverse: string;
     tagTextActiveInverse: string;
     tagTextInactiveInverse: string;
+    tagTextInfoInverse: string;
     tagTextSuccessInverse: string;
     tagTextWarningInverse: string;
     tagTextErrorInverse: string;
     tagBackgroundPromoInverse: string;
     tagBackgroundActiveInverse: string;
     tagBackgroundInactiveInverse: string;
+    tagBackgroundInfoInverse: string;
     tagBackgroundSuccessInverse: string;
     tagBackgroundWarningInverse: string;
     tagBackgroundErrorInverse: string;

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

@@ -1,7 +1,7 @@
 import type { Colors } from './colors';
 export type { Colors } from './colors';
 export type SkinVariant = 'prominent';
-export type KnownSkinName = 'Movistar' | 'O2' | 'O2-new' | 'Vivo' | 'Vivo-new' | 'Telefonica' | 'Blau' | 'Tu';
+export type KnownSkinName = 'Movistar' | 'O2' | 'O2-new' | 'Vivo' | 'Vivo-new' | 'Telefonica' | 'Blau' | 'Tu' | 'Esimflag';
 export type SkinName = KnownSkinName | string;
 export type GetKnownSkin = (variant?: SkinVariant) => KnownSkin;
 export type FontWeight = 'light' | 'regular' | 'medium' | 'bold';

package/dist/skins/utils.js

@@ -13,7 +13,7 @@ _export(exports, {
         return V;
     },
     getSkinByName: function() {
-        return B;
+        return M;
     }
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
@@ -26,6 +26,7 @@ const _o2 = require("./o2.js");
 const _o2new = require("./o2-new.js");
 const _movistar = require("./movistar.js");
 const _tu = require("./tu.js");
+const _esimflag = require("./esimflag.js");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -67,7 +68,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const B = (r, o)=>{
+const M = (r, o)=>{
     switch(r){
         case _constants.BLAU_SKIN:
             return (0, _blau.getBlauSkin)();
@@ -85,6 +86,8 @@ const B = (r, o)=>{
             return (0, _movistar.getMovistarSkin)();
         case _constants.TU_SKIN:
             return (0, _tu.getTuSkin)();
+        case _constants.ESIMFLAG_SKIN:
+            return (0, _esimflag.getEsimflagSkin)();
         default:
             throw Error("Unknown skin name: " + r);
     }

package/dist/skins/vivo-new.js

@@ -179,24 +179,28 @@ const e = {
             tagTextPromo: e.vivoPurple,
             tagTextActive: e.vivoPurple,
             tagTextInactive: e.grey5,
+            tagTextInfo: e.vivoPurple,
             tagTextSuccess: e.vivoGreenDark,
             tagTextWarning: e.orangeDark,
             tagTextError: e.pepperDark80,
             tagBackgroundPromo: e.vivoPurpleLight10,
             tagBackgroundActive: e.vivoPurpleLight10,
             tagBackgroundInactive: e.grey1,
+            tagBackgroundInfo: e.vivoPurpleLight10,
             tagBackgroundSuccess: e.vivoGreenLight10,
             tagBackgroundWarning: e.orangeLight10,
             tagBackgroundError: e.pepperLight10,
             tagTextPromoInverse: e.vivoPurple,
             tagTextActiveInverse: e.vivoPurple,
             tagTextInactiveInverse: e.grey5,
+            tagTextInfoInverse: e.vivoPurple,
             tagTextSuccessInverse: e.vivoGreenDark,
             tagTextWarningInverse: e.orangeDark,
             tagTextErrorInverse: e.pepperDark80,
             tagBackgroundPromoInverse: e.vivoPurpleLight10,
             tagBackgroundActiveInverse: e.vivoPurpleLight10,
             tagBackgroundInactiveInverse: e.grey1,
+            tagBackgroundInfoInverse: e.vivoPurpleLight10,
             tagBackgroundSuccessInverse: e.vivoGreenLight10,
             tagBackgroundWarningInverse: e.orangeLight10,
             tagBackgroundErrorInverse: e.pepperLight10,
@@ -325,24 +329,28 @@ const e = {
             tagTextPromo: e.vivoPurpleLight50,
             tagTextActive: e.vivoPurpleLight80,
             tagTextInactive: e.grey5,
+            tagTextInfo: e.vivoPurpleLight80,
             tagTextSuccess: e.vivoGreenLight30,
             tagTextWarning: e.orangeLight40,
             tagTextError: e.pepperLight40,
             tagBackgroundPromo: e.darkModeGrey6,
             tagBackgroundActive: e.darkModeGrey6,
             tagBackgroundInactive: e.darkModeGrey6,
+            tagBackgroundInfo: e.darkModeGrey6,
             tagBackgroundSuccess: e.darkModeGrey6,
             tagBackgroundWarning: e.darkModeGrey6,
             tagBackgroundError: e.darkModeGrey6,
             tagTextPromoInverse: e.vivoPurpleLight50,
             tagTextActiveInverse: e.vivoPurpleLight80,
             tagTextInactiveInverse: e.grey5,
+            tagTextInfoInverse: e.vivoPurpleLight80,
             tagTextSuccessInverse: e.vivoGreenLight30,
             tagTextWarningInverse: e.orangeLight40,
             tagTextErrorInverse: e.pepperLight40,
             tagBackgroundPromoInverse: e.darkModeGrey6,
             tagBackgroundActiveInverse: e.darkModeGrey6,
             tagBackgroundInactiveInverse: e.darkModeGrey6,
+            tagBackgroundInfoInverse: e.darkModeGrey6,
             tagBackgroundSuccessInverse: e.darkModeGrey6,
             tagBackgroundWarningInverse: e.darkModeGrey6,
             tagBackgroundErrorInverse: e.darkModeGrey6,

package/dist/skins/vivo.js

@@ -179,24 +179,28 @@ const e = {
             tagTextPromo: e.vivoPurple,
             tagTextActive: e.vivoPurple,
             tagTextInactive: e.grey5,
+            tagTextInfo: e.vivoPurple,
             tagTextSuccess: e.vivoGreenDark,
             tagTextWarning: e.orangeDark,
             tagTextError: e.pepperDark80,
             tagBackgroundPromo: e.vivoPurpleLight10,
             tagBackgroundActive: e.vivoPurpleLight10,
             tagBackgroundInactive: e.grey1,
+            tagBackgroundInfo: e.vivoPurpleLight10,
             tagBackgroundSuccess: e.vivoGreenLight10,
             tagBackgroundWarning: e.orangeLight10,
             tagBackgroundError: e.pepperLight10,
             tagTextPromoInverse: e.vivoPurple,
             tagTextActiveInverse: e.vivoPurple,
             tagTextInactiveInverse: e.grey5,
+            tagTextInfoInverse: e.vivoPurple,
             tagTextSuccessInverse: e.vivoGreenDark,
             tagTextWarningInverse: e.orangeDark,
             tagTextErrorInverse: e.pepperDark80,
             tagBackgroundPromoInverse: e.vivoPurpleLight10,
             tagBackgroundActiveInverse: e.vivoPurpleLight10,
             tagBackgroundInactiveInverse: e.grey1,
+            tagBackgroundInfoInverse: e.vivoPurpleLight10,
             tagBackgroundSuccessInverse: e.vivoGreenLight10,
             tagBackgroundWarningInverse: e.orangeLight10,
             tagBackgroundErrorInverse: e.pepperLight10,
@@ -325,24 +329,28 @@ const e = {
             tagTextPromo: e.vivoPurpleLight50,
             tagTextActive: e.vivoPurpleLight80,
             tagTextInactive: e.grey5,
+            tagTextInfo: e.vivoPurpleLight80,
             tagTextSuccess: e.vivoGreenLight30,
             tagTextWarning: e.orangeLight40,
             tagTextError: e.pepperLight40,
             tagBackgroundPromo: e.darkModeGrey6,
             tagBackgroundActive: e.darkModeGrey6,
             tagBackgroundInactive: e.darkModeGrey6,
+            tagBackgroundInfo: e.darkModeGrey6,
             tagBackgroundSuccess: e.darkModeGrey6,
             tagBackgroundWarning: e.darkModeGrey6,
             tagBackgroundError: e.darkModeGrey6,
             tagTextPromoInverse: e.vivoPurpleLight50,
             tagTextActiveInverse: e.vivoPurpleLight80,
             tagTextInactiveInverse: e.grey5,
+            tagTextInfoInverse: e.vivoPurpleLight80,
             tagTextSuccessInverse: e.vivoGreenLight30,
             tagTextWarningInverse: e.orangeLight40,
             tagTextErrorInverse: e.pepperLight40,
             tagBackgroundPromoInverse: e.darkModeGrey6,
             tagBackgroundActiveInverse: e.darkModeGrey6,
             tagBackgroundInactiveInverse: e.darkModeGrey6,
+            tagBackgroundInfoInverse: e.darkModeGrey6,
             tagBackgroundSuccessInverse: e.darkModeGrey6,
             tagBackgroundWarningInverse: e.darkModeGrey6,
             tagBackgroundErrorInverse: e.darkModeGrey6,

package/dist/slider.css-mistica.js

@@ -10,28 +10,28 @@ function _export(target, all) {
 }
 _export(exports, {
     container: function() {
-        return n;
+        return f;
     },
     defaultThumb: function() {
-        return f;
+        return n;
     },
     disabled: function() {
         return y;
     },
     input: function() {
-        return i;
+        return l;
     },
     iosThumb: function() {
         return r;
     },
     thumbActive: function() {
-        return l;
+        return j;
     },
     thumbContainer: function() {
-        return j;
+        return h;
     },
     thumbHover: function() {
-        return a;
+        return i;
     },
     track: function() {
         return e;
@@ -39,13 +39,13 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./slider.css.ts.vanilla.css-mistica.js");
-var n = "v16_15_1j1wlhk1 v16_15_1y2v1nfiz v16_15_1y2v1nfi6 v16_15_1y2v1nfic v16_15_1y2v1nfir v16_15_1y2v1nflc", f = {
-    default: "v16_15_1j1wlhk7 v16_15_1y2v1nfj7 v16_15_1y2v1nfjn v16_15_1y2v1nfkv v16_15_1y2v1nf5d",
-    inverse: "v16_15_1j1wlhk7 v16_15_1y2v1nfj7 v16_15_1y2v1nfjn v16_15_1y2v1nfkv v16_15_1y2v1nf5f"
-}, y = "v16_15_1j1wlhk2", i = "v16_15_1j1wlhkj v16_15_1y2v1nfi7 v16_15_1y2v1nflj", r = "v16_15_1j1wlhkd v16_15_1y2v1nf5p v16_15_1y2v1nfkv", l = {
-    default: "v16_15_1j1wlhkg",
-    inverse: "v16_15_1j1wlhkh"
-}, j = "v16_15_1j1wlhk5 v16_15_1y2v1nfi7 v16_15_1y2v1nfic v16_15_1y2v1nfir v16_15_1y2v1nfil", a = {
-    default: "v16_15_1j1wlhke",
-    inverse: "v16_15_1j1wlhkf"
-}, e = "v16_15_1y2v1nfiz v16_15_1y2v1nfjj v16_15_1y2v1nfl9";
+var f = "v16_17_1j1wlhk1 v16_17_1y2v1nfj7 v16_17_1y2v1nfie v16_17_1y2v1nfik v16_17_1y2v1nfiz v16_17_1y2v1nflk", n = {
+    default: "v16_17_1j1wlhk7 v16_17_1y2v1nfjf v16_17_1y2v1nfjv v16_17_1y2v1nfl3 v16_17_1y2v1nf5h",
+    inverse: "v16_17_1j1wlhk7 v16_17_1y2v1nfjf v16_17_1y2v1nfjv v16_17_1y2v1nfl3 v16_17_1y2v1nf5j"
+}, y = "v16_17_1j1wlhk2", l = "v16_17_1j1wlhkj v16_17_1y2v1nfif v16_17_1y2v1nflr", r = "v16_17_1j1wlhkd v16_17_1y2v1nf5t v16_17_1y2v1nfl3", j = {
+    default: "v16_17_1j1wlhkg",
+    inverse: "v16_17_1j1wlhkh"
+}, h = "v16_17_1j1wlhk5 v16_17_1y2v1nfif v16_17_1y2v1nfik v16_17_1y2v1nfiz v16_17_1y2v1nfit", i = {
+    default: "v16_17_1j1wlhke",
+    inverse: "v16_17_1j1wlhkf"
+}, e = "v16_17_1y2v1nfj7 v16_17_1y2v1nfjr v16_17_1y2v1nflh";

package/dist/snackbar.css-mistica.js

@@ -22,42 +22,42 @@ _export(exports, {
         return i;
     },
     contentWithoutLongButton: function() {
-        return r;
+        return o;
     },
     dismissButton: function() {
-        return o;
+        return r;
     },
     dismissIcon: function() {
-        return a;
+        return t;
     },
     longButton: function() {
-        return t;
+        return a;
     },
     snackbar: function() {
         return b;
     },
     snackbarContainer: function() {
-        return c;
+        return e;
     },
     snackbarOpen: function() {
         return p;
     },
     wrapper: function() {
-        return e;
+        return j;
     },
     wrapperCritical: function() {
-        return j;
+        return c;
     },
     wrapperInfo: function() {
-        return l;
+        return s;
     },
     wrapperOpen: function() {
-        return u;
+        return k;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./snackbar.css.ts.vanilla.css-mistica.js");
-var n = 300, f = "v16_15_o7bjb0g", y = "v16_15_1y2v1nf8b v16_15_1y2v1nf9k v16_15_1y2v1nfaw v16_15_1y2v1nfc5 v16_15_1y2v1nfku v16_15_1y2v1nf84", i = "v16_15_1y2v1nfic v16_15_1y2v1nfio v16_15_1y2v1nfii", r = "v16_15_1y2v1nfic v16_15_1y2v1nfio v16_15_1y2v1nfih v16_15_1y2v1nfir", o = {
-    centered: "v16_15_o7bjb0l v16_15_1y2v1nfic v16_15_1y2v1nfi7 v16_15_1y2v1nfir v16_15_1y2v1nfil v16_15_1y2v1nfmg",
-    topRight: "v16_15_1y2v1nfic v16_15_1y2v1nfi7 v16_15_1y2v1nfir v16_15_1y2v1nfil v16_15_1y2v1nfmg v16_15_1y2v1nflm"
-}, a = "v16_15_o7bjb0o v16_15_1y2v1nfj9 v16_15_1y2v1nfjp v16_15_1y2v1nfic v16_15_1y2v1nfir v16_15_1y2v1nfil v16_15_1y2v1nfkv", t = "v16_15_o7bjb0h", b = "v16_15_o7bjb01 v16_15_1y2v1nfiz v16_15_1y2v1nfic v16_15_1y2v1nfil", c = "v16_15_o7bjb03 v16_15_1y2v1nfi6", p = "v16_15_o7bjb04", e = "v16_15_o7bjb06 v16_15_1y2v1nfi8 v16_15_1y2v1nfl5", j = "v16_15_1y2v1nf5u", l = "v16_15_1y2v1nf5v", u = "v16_15_o7bjb09";
+var n = 300, f = "v16_17_o7bjb0g", y = "v16_17_1y2v1nf8j v16_17_1y2v1nf9s v16_17_1y2v1nfb4 v16_17_1y2v1nfcd v16_17_1y2v1nfl2 v16_17_1y2v1nf8c", i = "v16_17_1y2v1nfik v16_17_1y2v1nfiw v16_17_1y2v1nfiq", o = "v16_17_1y2v1nfik v16_17_1y2v1nfiw v16_17_1y2v1nfip v16_17_1y2v1nfiz", r = {
+    centered: "v16_17_o7bjb0l v16_17_1y2v1nfik v16_17_1y2v1nfif v16_17_1y2v1nfiz v16_17_1y2v1nfit v16_17_1y2v1nfmo",
+    topRight: "v16_17_1y2v1nfik v16_17_1y2v1nfif v16_17_1y2v1nfiz v16_17_1y2v1nfit v16_17_1y2v1nfmo v16_17_1y2v1nflu"
+}, t = "v16_17_o7bjb0o v16_17_1y2v1nfjh v16_17_1y2v1nfjx v16_17_1y2v1nfik v16_17_1y2v1nfiz v16_17_1y2v1nfit v16_17_1y2v1nfl3", a = "v16_17_o7bjb0h", b = "v16_17_o7bjb01 v16_17_1y2v1nfj7 v16_17_1y2v1nfik v16_17_1y2v1nfit", e = "v16_17_o7bjb03 v16_17_1y2v1nfie", p = "v16_17_o7bjb04", j = "v16_17_o7bjb06 v16_17_1y2v1nfig v16_17_1y2v1nfld", c = "v16_17_1y2v1nf5y", s = "v16_17_1y2v1nf5z", k = "v16_17_o7bjb09";

package/dist/spinner.css-mistica.js

@@ -16,12 +16,12 @@ _export(exports, {
         return r;
     },
     spinnerIos: function() {
-        return i;
+        return t;
     },
     spinnerIosSvgPath: function() {
-        return t;
+        return f;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./spinner.css.ts.vanilla.css-mistica.js");
-var n = "v16_15_1fthc594 v16_15_1y2v1nfiu v16_15_1y2v1nfie", r = "v16_15_1fthc595", i = "v16_15_1y2v1nfiu v16_15_1y2v1nfie", t = "v16_15_1fthc597";
+var n = "v16_17_1fthc594 v16_17_1y2v1nfj2 v16_17_1y2v1nfim", r = "v16_17_1fthc595", t = "v16_17_1y2v1nfj2 v16_17_1y2v1nfim", f = "v16_17_1fthc597";

package/dist/stack.css-mistica.js

@@ -20,9 +20,9 @@ _export(exports, {
     }
 });
 require("./stack.css.ts.vanilla.css-mistica.js");
-var v = "v16_15_xjgm6d5", _ = "v16_15_xjgm6d4", r = {
-    space: "var(--v16_15_xjgm6d0)",
-    spaceMobile: "var(--v16_15_xjgm6d1)",
-    spaceTablet: "var(--v16_15_xjgm6d2)",
-    spaceDesktop: "var(--v16_15_xjgm6d3)"
+var v = "v16_17_xjgm6d5", _ = "v16_17_xjgm6d4", r = {
+    space: "var(--v16_17_xjgm6d0)",
+    spaceMobile: "var(--v16_17_xjgm6d1)",
+    spaceTablet: "var(--v16_17_xjgm6d2)",
+    spaceDesktop: "var(--v16_17_xjgm6d3)"
 };