@telefonica/mistica 15.0.0 → 15.2.0

package/dist/skins/skin-contract.css-mistica.js

@@ -133,145 +133,147 @@ var r = {
         tagBackgroundError: "var(--_1vqcj1i3c)",
         customTabsBackground: "var(--_1vqcj1i3d)",
         coverBackgroundHover: "var(--_1vqcj1i3e)",
-        coverBackgroundPressed: "var(--_1vqcj1i3f)"
+        coverBackgroundPressed: "var(--_1vqcj1i3f)",
+        cardContentOverlay: "var(--_1vqcj1i3g)"
     },
     rawColors: {
-        appBarBackground: "var(--_1vqcj1i3g)",
-        background: "var(--_1vqcj1i3h)",
-        backgroundContainer: "var(--_1vqcj1i3i)",
-        backgroundContainerHover: "var(--_1vqcj1i3j)",
-        backgroundContainerPressed: "var(--_1vqcj1i3k)",
-        backgroundContainerBrand: "var(--_1vqcj1i3l)",
-        backgroundContainerBrandHover: "var(--_1vqcj1i3m)",
-        backgroundContainerBrandPressed: "var(--_1vqcj1i3n)",
-        backgroundContainerBrandOverInverse: "var(--_1vqcj1i3o)",
-        backgroundContainerAlternative: "var(--_1vqcj1i3p)",
-        backgroundBrand: "var(--_1vqcj1i3q)",
-        backgroundBrandSecondary: "var(--_1vqcj1i3r)",
-        backgroundOverlay: "var(--_1vqcj1i3s)",
-        backgroundSkeleton: "var(--_1vqcj1i3t)",
-        backgroundSkeletonInverse: "var(--_1vqcj1i3u)",
-        backgroundAlternative: "var(--_1vqcj1i3v)",
-        backgroundBrandTop: "var(--_1vqcj1i3w)",
-        backgroundBrandBottom: "var(--_1vqcj1i3x)",
-        navigationBarBackground: "var(--_1vqcj1i3y)",
-        skeletonWave: "var(--_1vqcj1i3z)",
-        border: "var(--_1vqcj1i40)",
-        borderLow: "var(--_1vqcj1i41)",
-        borderHigh: "var(--_1vqcj1i42)",
-        borderSelected: "var(--_1vqcj1i43)",
-        buttonDangerBackground: "var(--_1vqcj1i44)",
-        buttonDangerBackgroundSelected: "var(--_1vqcj1i45)",
-        buttonDangerBackgroundHover: "var(--_1vqcj1i46)",
-        buttonLinkDangerBackgroundSelected: "var(--_1vqcj1i47)",
-        buttonLinkDangerBackgroundInverse: "var(--_1vqcj1i48)",
-        buttonLinkDangerBackgroundInverseSelected: "var(--_1vqcj1i49)",
-        buttonLinkBackgroundSelected: "var(--_1vqcj1i4a)",
-        buttonLinkBackgroundInverseSelected: "var(--_1vqcj1i4b)",
-        buttonPrimaryBackground: "var(--_1vqcj1i4c)",
-        buttonPrimaryBackgroundInverse: "var(--_1vqcj1i4d)",
-        buttonPrimaryBackgroundSelected: "var(--_1vqcj1i4e)",
-        buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1i4f)",
-        buttonPrimaryBackgroundHover: "var(--_1vqcj1i4g)",
-        buttonSecondaryBorder: "var(--_1vqcj1i4h)",
-        buttonSecondaryBorderSelected: "var(--_1vqcj1i4i)",
-        buttonSecondaryBorderInverse: "var(--_1vqcj1i4j)",
-        buttonSecondaryBorderInverseSelected: "var(--_1vqcj1i4k)",
-        buttonSecondaryBackgroundHover: "var(--_1vqcj1i4l)",
-        buttonSecondaryBackgroundSelected: "var(--_1vqcj1i4m)",
-        buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1i4n)",
-        buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i4o)",
-        control: "var(--_1vqcj1i4p)",
-        controlActivated: "var(--_1vqcj1i4q)",
-        controlInverse: "var(--_1vqcj1i4r)",
-        controlActivatedInverse: "var(--_1vqcj1i4s)",
-        controlError: "var(--_1vqcj1i4t)",
-        barTrack: "var(--_1vqcj1i4u)",
-        loadingBar: "var(--_1vqcj1i4v)",
-        loadingBarBackground: "var(--_1vqcj1i4w)",
-        toggleAndroidInactive: "var(--_1vqcj1i4x)",
-        toggleAndroidBackgroundActive: "var(--_1vqcj1i4y)",
-        iosControlKnob: "var(--_1vqcj1i4z)",
-        divider: "var(--_1vqcj1i50)",
-        dividerInverse: "var(--_1vqcj1i51)",
-        navigationBarDivider: "var(--_1vqcj1i52)",
-        badge: "var(--_1vqcj1i53)",
-        feedbackErrorBackground: "var(--_1vqcj1i54)",
-        feedbackInfoBackground: "var(--_1vqcj1i55)",
-        brand: "var(--_1vqcj1i56)",
-        brandHigh: "var(--_1vqcj1i57)",
-        inverse: "var(--_1vqcj1i58)",
-        neutralHigh: "var(--_1vqcj1i59)",
-        neutralLow: "var(--_1vqcj1i5a)",
-        neutralLowAlternative: "var(--_1vqcj1i5b)",
-        neutralMedium: "var(--_1vqcj1i5c)",
-        neutralMediumInverse: "var(--_1vqcj1i5d)",
-        promo: "var(--_1vqcj1i5e)",
-        error: "var(--_1vqcj1i5f)",
-        highlight: "var(--_1vqcj1i5g)",
-        success: "var(--_1vqcj1i5h)",
-        warning: "var(--_1vqcj1i5i)",
-        textPrimary: "var(--_1vqcj1i5j)",
-        textPrimaryInverse: "var(--_1vqcj1i5k)",
-        textSecondary: "var(--_1vqcj1i5l)",
-        textSecondaryInverse: "var(--_1vqcj1i5m)",
-        textButtonPrimary: "var(--_1vqcj1i5n)",
-        textButtonPrimaryInverse: "var(--_1vqcj1i5o)",
-        textButtonPrimaryInverseSelected: "var(--_1vqcj1i5p)",
-        textButtonSecondary: "var(--_1vqcj1i5q)",
-        textButtonSecondarySelected: "var(--_1vqcj1i5r)",
-        textButtonSecondaryInverse: "var(--_1vqcj1i5s)",
-        textButtonSecondaryInverseSelected: "var(--_1vqcj1i5t)",
-        textLink: "var(--_1vqcj1i5u)",
-        textLinkInverse: "var(--_1vqcj1i5v)",
-        textLinkDanger: "var(--_1vqcj1i5w)",
-        textLinkSnackbar: "var(--_1vqcj1i5x)",
-        textNavigationBarPrimary: "var(--_1vqcj1i5y)",
-        textNavigationBarSecondary: "var(--_1vqcj1i5z)",
-        textNavigationSearchBarHint: "var(--_1vqcj1i60)",
-        textNavigationSearchBarText: "var(--_1vqcj1i61)",
-        textAppBar: "var(--_1vqcj1i62)",
-        textAppBarSelected: "var(--_1vqcj1i63)",
-        successLow: "var(--_1vqcj1i64)",
-        warningLow: "var(--_1vqcj1i65)",
-        errorLow: "var(--_1vqcj1i66)",
-        promoLow: "var(--_1vqcj1i67)",
-        brandLow: "var(--_1vqcj1i68)",
-        successHigh: "var(--_1vqcj1i69)",
-        warningHigh: "var(--_1vqcj1i6a)",
-        errorHigh: "var(--_1vqcj1i6b)",
-        promoHigh: "var(--_1vqcj1i6c)",
-        successHighInverse: "var(--_1vqcj1i6d)",
-        warningHighInverse: "var(--_1vqcj1i6e)",
-        errorHighInverse: "var(--_1vqcj1i6f)",
-        promoHighInverse: "var(--_1vqcj1i6g)",
-        tagTextPromo: "var(--_1vqcj1i6h)",
-        tagTextActive: "var(--_1vqcj1i6i)",
-        tagTextInactive: "var(--_1vqcj1i6j)",
-        tagTextSuccess: "var(--_1vqcj1i6k)",
-        tagTextWarning: "var(--_1vqcj1i6l)",
-        tagTextError: "var(--_1vqcj1i6m)",
-        tagBackgroundPromo: "var(--_1vqcj1i6n)",
-        tagBackgroundActive: "var(--_1vqcj1i6o)",
-        tagBackgroundInactive: "var(--_1vqcj1i6p)",
-        tagBackgroundSuccess: "var(--_1vqcj1i6q)",
-        tagBackgroundWarning: "var(--_1vqcj1i6r)",
-        tagBackgroundError: "var(--_1vqcj1i6s)",
-        customTabsBackground: "var(--_1vqcj1i6t)",
-        coverBackgroundHover: "var(--_1vqcj1i6u)",
-        coverBackgroundPressed: "var(--_1vqcj1i6v)"
+        appBarBackground: "var(--_1vqcj1i3h)",
+        background: "var(--_1vqcj1i3i)",
+        backgroundContainer: "var(--_1vqcj1i3j)",
+        backgroundContainerHover: "var(--_1vqcj1i3k)",
+        backgroundContainerPressed: "var(--_1vqcj1i3l)",
+        backgroundContainerBrand: "var(--_1vqcj1i3m)",
+        backgroundContainerBrandHover: "var(--_1vqcj1i3n)",
+        backgroundContainerBrandPressed: "var(--_1vqcj1i3o)",
+        backgroundContainerBrandOverInverse: "var(--_1vqcj1i3p)",
+        backgroundContainerAlternative: "var(--_1vqcj1i3q)",
+        backgroundBrand: "var(--_1vqcj1i3r)",
+        backgroundBrandSecondary: "var(--_1vqcj1i3s)",
+        backgroundOverlay: "var(--_1vqcj1i3t)",
+        backgroundSkeleton: "var(--_1vqcj1i3u)",
+        backgroundSkeletonInverse: "var(--_1vqcj1i3v)",
+        backgroundAlternative: "var(--_1vqcj1i3w)",
+        backgroundBrandTop: "var(--_1vqcj1i3x)",
+        backgroundBrandBottom: "var(--_1vqcj1i3y)",
+        navigationBarBackground: "var(--_1vqcj1i3z)",
+        skeletonWave: "var(--_1vqcj1i40)",
+        border: "var(--_1vqcj1i41)",
+        borderLow: "var(--_1vqcj1i42)",
+        borderHigh: "var(--_1vqcj1i43)",
+        borderSelected: "var(--_1vqcj1i44)",
+        buttonDangerBackground: "var(--_1vqcj1i45)",
+        buttonDangerBackgroundSelected: "var(--_1vqcj1i46)",
+        buttonDangerBackgroundHover: "var(--_1vqcj1i47)",
+        buttonLinkDangerBackgroundSelected: "var(--_1vqcj1i48)",
+        buttonLinkDangerBackgroundInverse: "var(--_1vqcj1i49)",
+        buttonLinkDangerBackgroundInverseSelected: "var(--_1vqcj1i4a)",
+        buttonLinkBackgroundSelected: "var(--_1vqcj1i4b)",
+        buttonLinkBackgroundInverseSelected: "var(--_1vqcj1i4c)",
+        buttonPrimaryBackground: "var(--_1vqcj1i4d)",
+        buttonPrimaryBackgroundInverse: "var(--_1vqcj1i4e)",
+        buttonPrimaryBackgroundSelected: "var(--_1vqcj1i4f)",
+        buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1i4g)",
+        buttonPrimaryBackgroundHover: "var(--_1vqcj1i4h)",
+        buttonSecondaryBorder: "var(--_1vqcj1i4i)",
+        buttonSecondaryBorderSelected: "var(--_1vqcj1i4j)",
+        buttonSecondaryBorderInverse: "var(--_1vqcj1i4k)",
+        buttonSecondaryBorderInverseSelected: "var(--_1vqcj1i4l)",
+        buttonSecondaryBackgroundHover: "var(--_1vqcj1i4m)",
+        buttonSecondaryBackgroundSelected: "var(--_1vqcj1i4n)",
+        buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1i4o)",
+        buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i4p)",
+        control: "var(--_1vqcj1i4q)",
+        controlActivated: "var(--_1vqcj1i4r)",
+        controlInverse: "var(--_1vqcj1i4s)",
+        controlActivatedInverse: "var(--_1vqcj1i4t)",
+        controlError: "var(--_1vqcj1i4u)",
+        barTrack: "var(--_1vqcj1i4v)",
+        loadingBar: "var(--_1vqcj1i4w)",
+        loadingBarBackground: "var(--_1vqcj1i4x)",
+        toggleAndroidInactive: "var(--_1vqcj1i4y)",
+        toggleAndroidBackgroundActive: "var(--_1vqcj1i4z)",
+        iosControlKnob: "var(--_1vqcj1i50)",
+        divider: "var(--_1vqcj1i51)",
+        dividerInverse: "var(--_1vqcj1i52)",
+        navigationBarDivider: "var(--_1vqcj1i53)",
+        badge: "var(--_1vqcj1i54)",
+        feedbackErrorBackground: "var(--_1vqcj1i55)",
+        feedbackInfoBackground: "var(--_1vqcj1i56)",
+        brand: "var(--_1vqcj1i57)",
+        brandHigh: "var(--_1vqcj1i58)",
+        inverse: "var(--_1vqcj1i59)",
+        neutralHigh: "var(--_1vqcj1i5a)",
+        neutralLow: "var(--_1vqcj1i5b)",
+        neutralLowAlternative: "var(--_1vqcj1i5c)",
+        neutralMedium: "var(--_1vqcj1i5d)",
+        neutralMediumInverse: "var(--_1vqcj1i5e)",
+        promo: "var(--_1vqcj1i5f)",
+        error: "var(--_1vqcj1i5g)",
+        highlight: "var(--_1vqcj1i5h)",
+        success: "var(--_1vqcj1i5i)",
+        warning: "var(--_1vqcj1i5j)",
+        textPrimary: "var(--_1vqcj1i5k)",
+        textPrimaryInverse: "var(--_1vqcj1i5l)",
+        textSecondary: "var(--_1vqcj1i5m)",
+        textSecondaryInverse: "var(--_1vqcj1i5n)",
+        textButtonPrimary: "var(--_1vqcj1i5o)",
+        textButtonPrimaryInverse: "var(--_1vqcj1i5p)",
+        textButtonPrimaryInverseSelected: "var(--_1vqcj1i5q)",
+        textButtonSecondary: "var(--_1vqcj1i5r)",
+        textButtonSecondarySelected: "var(--_1vqcj1i5s)",
+        textButtonSecondaryInverse: "var(--_1vqcj1i5t)",
+        textButtonSecondaryInverseSelected: "var(--_1vqcj1i5u)",
+        textLink: "var(--_1vqcj1i5v)",
+        textLinkInverse: "var(--_1vqcj1i5w)",
+        textLinkDanger: "var(--_1vqcj1i5x)",
+        textLinkSnackbar: "var(--_1vqcj1i5y)",
+        textNavigationBarPrimary: "var(--_1vqcj1i5z)",
+        textNavigationBarSecondary: "var(--_1vqcj1i60)",
+        textNavigationSearchBarHint: "var(--_1vqcj1i61)",
+        textNavigationSearchBarText: "var(--_1vqcj1i62)",
+        textAppBar: "var(--_1vqcj1i63)",
+        textAppBarSelected: "var(--_1vqcj1i64)",
+        successLow: "var(--_1vqcj1i65)",
+        warningLow: "var(--_1vqcj1i66)",
+        errorLow: "var(--_1vqcj1i67)",
+        promoLow: "var(--_1vqcj1i68)",
+        brandLow: "var(--_1vqcj1i69)",
+        successHigh: "var(--_1vqcj1i6a)",
+        warningHigh: "var(--_1vqcj1i6b)",
+        errorHigh: "var(--_1vqcj1i6c)",
+        promoHigh: "var(--_1vqcj1i6d)",
+        successHighInverse: "var(--_1vqcj1i6e)",
+        warningHighInverse: "var(--_1vqcj1i6f)",
+        errorHighInverse: "var(--_1vqcj1i6g)",
+        promoHighInverse: "var(--_1vqcj1i6h)",
+        tagTextPromo: "var(--_1vqcj1i6i)",
+        tagTextActive: "var(--_1vqcj1i6j)",
+        tagTextInactive: "var(--_1vqcj1i6k)",
+        tagTextSuccess: "var(--_1vqcj1i6l)",
+        tagTextWarning: "var(--_1vqcj1i6m)",
+        tagTextError: "var(--_1vqcj1i6n)",
+        tagBackgroundPromo: "var(--_1vqcj1i6o)",
+        tagBackgroundActive: "var(--_1vqcj1i6p)",
+        tagBackgroundInactive: "var(--_1vqcj1i6q)",
+        tagBackgroundSuccess: "var(--_1vqcj1i6r)",
+        tagBackgroundWarning: "var(--_1vqcj1i6s)",
+        tagBackgroundError: "var(--_1vqcj1i6t)",
+        customTabsBackground: "var(--_1vqcj1i6u)",
+        coverBackgroundHover: "var(--_1vqcj1i6v)",
+        coverBackgroundPressed: "var(--_1vqcj1i6w)",
+        cardContentOverlay: "var(--_1vqcj1i6x)"
     },
     borderRadii: {
-        button: "var(--_1vqcj1i6w)",
-        input: "var(--_1vqcj1i6x)",
-        container: "var(--_1vqcj1i6y)",
-        legacyDisplay: "var(--_1vqcj1i6z)",
-        popup: "var(--_1vqcj1i70)",
-        checkbox: "var(--_1vqcj1i71)",
-        indicator: "var(--_1vqcj1i72)",
-        sheet: "var(--_1vqcj1i73)",
-        bar: "var(--_1vqcj1i74)",
-        avatar: "var(--_1vqcj1i75)",
-        mediaSmall: "var(--_1vqcj1i76)"
+        button: "var(--_1vqcj1i6y)",
+        input: "var(--_1vqcj1i6z)",
+        container: "var(--_1vqcj1i70)",
+        legacyDisplay: "var(--_1vqcj1i71)",
+        popup: "var(--_1vqcj1i72)",
+        checkbox: "var(--_1vqcj1i73)",
+        indicator: "var(--_1vqcj1i74)",
+        sheet: "var(--_1vqcj1i75)",
+        bar: "var(--_1vqcj1i76)",
+        avatar: "var(--_1vqcj1i77)",
+        mediaSmall: "var(--_1vqcj1i78)"
     }
 };

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

@@ -124,6 +124,7 @@ export declare const vars: {
         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})`;
+        cardContentOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     rawColors: {
         appBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -250,6 +251,7 @@ export declare const vars: {
         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})`;
+        cardContentOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     borderRadii: {
         button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/skins/telefonica.d.ts

@@ -32,6 +32,7 @@ export declare const palette: {
     grey8: string;
     grey9: string;
     white: string;
+    black: string;
     darkModeBlack: string;
     darkModeGrey: string;
     darkModeGrey6: string;

package/dist/skins/telefonica.js

@@ -51,6 +51,7 @@ const e = {
     grey8: "#2B3447",
     grey9: "#031A34",
     white: "#FFFFFF",
+    black: "#000000",
     darkModeBlack: "#191919",
     darkModeGrey: "#242424",
     darkModeGrey6: "#313235"
@@ -180,7 +181,8 @@ const e = {
             tagBackgroundInactive: e.grey1,
             tagBackgroundSuccess: e.turquoise10,
             tagBackgroundWarning: e.ambar10,
-            tagBackgroundError: e.coral10
+            tagBackgroundError: e.coral10,
+            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.black, 0)} 0%, ${(0, _color.applyAlpha)(e.black, 0.4)} 30%, ${(0, _color.applyAlpha)(e.black, 0.7)} 100%)`
         },
         darkModeColors: {
             background: e.darkModeBlack,
@@ -306,7 +308,8 @@ const e = {
             tagBackgroundInactive: e.darkModeGrey6,
             tagBackgroundSuccess: e.darkModeGrey6,
             tagBackgroundWarning: e.darkModeGrey6,
-            tagBackgroundError: e.darkModeGrey6
+            tagBackgroundError: e.darkModeGrey6,
+            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.black, 0)} 0%, ${(0, _color.applyAlpha)(e.black, 0.4)} 30%, ${(0, _color.applyAlpha)(e.black, 0.7)} 100%)`
         },
         borderRadii: {
             avatar: "50%",

package/dist/skins/tu.d.ts

@@ -36,6 +36,7 @@ export declare const palette: {
     grey8: string;
     grey9: string;
     white: string;
+    black: string;
     darkModeBlack: string;
     darkModeGrey: string;
     darkModeGrey6: string;

package/dist/skins/tu.js

@@ -55,6 +55,7 @@ const e = {
     grey8: "#2B3447",
     grey9: "#031A34",
     white: "#FFFFFF",
+    black: "#000000",
     darkModeBlack: "#161A24",
     darkModeGrey: "#202735",
     darkModeGrey6: "#2B3447"
@@ -184,7 +185,8 @@ const e = {
             tagBackgroundInactive: e.grey1,
             tagBackgroundSuccess: e.green10,
             tagBackgroundWarning: e.orange20,
-            tagBackgroundError: e.red10
+            tagBackgroundError: e.red10,
+            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.black, 0)} 0%, ${(0, _color.applyAlpha)(e.black, 0.4)} 30%, ${(0, _color.applyAlpha)(e.black, 0.7)} 100%)`
         },
         darkModeColors: {
             background: e.darkModeBlack,
@@ -310,7 +312,8 @@ const e = {
             tagBackgroundInactive: e.darkModeGrey6,
             tagBackgroundSuccess: e.darkModeGrey6,
             tagBackgroundWarning: e.darkModeGrey6,
-            tagBackgroundError: e.darkModeGrey6
+            tagBackgroundError: e.darkModeGrey6,
+            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.black, 0)} 0%, ${(0, _color.applyAlpha)(e.black, 0.4)} 30%, ${(0, _color.applyAlpha)(e.black, 0.7)} 100%)`
         },
         borderRadii: {
             avatar: "50%",

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

@@ -123,4 +123,5 @@ export type Colors = {
     tagBackgroundSuccess: string;
     tagBackgroundWarning: string;
     tagBackgroundError: string;
+    cardContentOverlay: 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' | 'Vivo' | 'Vivo-new' | 'Telefonica' | 'Blau' | 'Tu';
+export type KnownSkinName = 'Movistar' | 'O2' | 'O2-new' | 'Vivo' | 'Vivo-new' | 'Telefonica' | 'Blau' | 'Tu';
 export type SkinName = KnownSkinName | string;
 export type GetKnownSkin = (variant?: SkinVariant) => KnownSkin;
 export type FontWeight = 'light' | 'regular' | 'medium' | 'bold';

package/dist/skins/utils.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     flattenChildren: function() {
-        return K;
+        return V;
     },
     getSkinByName: function() {
-        return E;
+        return B;
     }
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
@@ -23,6 +23,7 @@ const _telefonica = require("./telefonica.js");
 const _vivo = require("./vivo.js");
 const _vivonew = require("./vivo-new.js");
 const _o2 = require("./o2.js");
+const _o2new = require("./o2-new.js");
 const _movistar = require("./movistar.js");
 const _tu = require("./tu.js");
 function _getRequireWildcardCache(nodeInterop) {
@@ -66,7 +67,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const E = (r, o)=>{
+const B = (r, o)=>{
     switch(r){
         case _constants.BLAU_SKIN:
             return (0, _blau.getBlauSkin)();
@@ -78,6 +79,8 @@ const E = (r, o)=>{
             return (0, _vivonew.getVivoNewSkin)();
         case _constants.O2_SKIN:
             return (0, _o2.getO2Skin)();
+        case _constants.O2_NEW_SKIN:
+            return (0, _o2new.getO2NewSkin)();
         case _constants.MOVISTAR_SKIN:
             return (0, _movistar.getMovistarSkin)();
         case _constants.TU_SKIN:
@@ -85,4 +88,4 @@ const E = (r, o)=>{
         default:
             throw Error("Unknown skin name: " + r);
     }
-}, K = (r)=>_react.Children.toArray(r).reduce((t, e)=>e.type === _react.Fragment ? t.concat(K(e.props.children)) : (t.push(e), t), []);
+}, V = (r)=>_react.Children.toArray(r).reduce((t, e)=>e.type === _react.Fragment ? t.concat(V(e.props.children)) : (t.push(e), t), []);

package/dist/skins/vivo-new.js

@@ -180,7 +180,8 @@ const e = {
             tagBackgroundInactive: e.grey1,
             tagBackgroundSuccess: e.vivoGreenLight10,
             tagBackgroundWarning: e.orangeLight10,
-            tagBackgroundError: e.pepperLight10
+            tagBackgroundError: e.pepperLight10,
+            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)`
         },
         darkModeColors: {
             background: e.darkModeBlack,
@@ -306,7 +307,8 @@ const e = {
             tagBackgroundInactive: e.darkModeGrey6,
             tagBackgroundSuccess: e.darkModeGrey6,
             tagBackgroundWarning: e.darkModeGrey6,
-            tagBackgroundError: e.darkModeGrey6
+            tagBackgroundError: e.darkModeGrey6,
+            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)`
         },
         borderRadii: {
             avatar: "50%",

package/dist/skins/vivo.js

@@ -180,7 +180,8 @@ const e = {
             tagBackgroundInactive: e.grey1,
             tagBackgroundSuccess: e.vivoGreenLight10,
             tagBackgroundWarning: e.orangeLight10,
-            tagBackgroundError: e.pepperLight10
+            tagBackgroundError: e.pepperLight10,
+            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)`
         },
         darkModeColors: {
             background: e.darkModeBlack,
@@ -306,7 +307,8 @@ const e = {
             tagBackgroundInactive: e.darkModeGrey6,
             tagBackgroundSuccess: e.darkModeGrey6,
             tagBackgroundWarning: e.darkModeGrey6,
-            tagBackgroundError: e.darkModeGrey6
+            tagBackgroundError: e.darkModeGrey6,
+            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)`
         },
         borderRadii: {
             avatar: "50%",

package/dist/slider.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     container: function() {
-        return n;
+        return h;
     },
     defaultThumb: function() {
-        return h;
+        return n;
     },
     disabled: function() {
         return f;
@@ -22,16 +22,16 @@ _export(exports, {
         return y;
     },
     iosThumb: function() {
-        return r;
+        return a;
     },
     thumbActive: function() {
-        return a;
+        return r;
     },
     thumbContainer: function() {
-        return k;
+        return t;
     },
     thumbHover: function() {
-        return t;
+        return k;
     },
     track: function() {
         return i;
@@ -39,4 +39,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./slider.css.ts.vanilla.css-mistica.js");
-var n = "_1j1wlhk1 _1y2v1nfhv _1y2v1nfh2 _1y2v1nfh8 _1y2v1nfhn _1y2v1nfk8", h = "_1j1wlhk7 _1y2v1nfi3 _1y2v1nfij _1y2v1nfjr _1y2v1nf4s", f = "_1j1wlhk2", y = "_1j1wlhkd _1y2v1nfh3 _1y2v1nfkf", r = "_1j1wlhk9 _1y2v1nf51 _1y2v1nfjr", a = "_1j1wlhkb", k = "_1j1wlhk5 _1y2v1nfh3 _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhh", t = "_1j1wlhka", i = "_1y2v1nfhv _1y2v1nfif _1y2v1nfk5";
+var h = "_1j1wlhk1 _1y2v1nfhx _1y2v1nfh4 _1y2v1nfha _1y2v1nfhp _1y2v1nfka", n = "_1j1wlhk7 _1y2v1nfi5 _1y2v1nfil _1y2v1nfjt _1y2v1nf4t", f = "_1j1wlhk2", y = "_1j1wlhkd _1y2v1nfh5 _1y2v1nfkh", a = "_1j1wlhk9 _1y2v1nf52 _1y2v1nfjt", r = "_1j1wlhkb", t = "_1j1wlhk5 _1y2v1nfh5 _1y2v1nfha _1y2v1nfhp _1y2v1nfhj", k = "_1j1wlhka", i = "_1y2v1nfhx _1y2v1nfih _1y2v1nfk7";

package/dist/snackbar.css-mistica.js

@@ -13,42 +13,42 @@ _export(exports, {
         return _;
     },
     button: function() {
-        return r;
+        return a;
     },
     content: function() {
         return f;
     },
     dismissButton: function() {
-        return y;
+        return r;
     },
     dismissIcon: function() {
-        return h;
+        return y;
     },
     longButton: function() {
-        return a;
+        return b;
     },
     snackbar: function() {
-        return b;
+        return h;
     },
     snackbarOpen: function() {
         return o;
     },
     wrapper: function() {
-        return t;
+        return p;
     },
     wrapperCritical: function() {
-        return p;
+        return t;
     },
     wrapperInfo: function() {
         return e;
     },
     wrapperOpen: function() {
-        return i;
+        return j;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./snackbar.css.ts.vanilla.css-mistica.js");
-var _ = 300, r = "o7bjb0a", f = "_1y2v1nfh8 _1y2v1nfhk", y = {
-    centered: "o7bjb0e _1y2v1nfh8 _1y2v1nfh3 _1y2v1nfhn _1y2v1nfhh _1y2v1nflc",
-    topRight: "_1y2v1nfh8 _1y2v1nfh3 _1y2v1nfhn _1y2v1nfhh _1y2v1nflc _1y2v1nfki"
-}, h = "o7bjb0h _1y2v1nfi5 _1y2v1nfil _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhh _1y2v1nfjr", a = "o7bjb0b", b = "o7bjb01 _1y2v1nfhv _1y2v1nfh8 _1y2v1nfhh", o = "o7bjb02", t = "o7bjb04 _1y2v1nfh4 _1y2v1nfk1", p = "_1y2v1nf56", e = "_1y2v1nf57", i = "o7bjb07";
+var _ = 300, a = "o7bjb0a", f = "_1y2v1nfha _1y2v1nfhm", r = {
+    centered: "o7bjb0e _1y2v1nfha _1y2v1nfh5 _1y2v1nfhp _1y2v1nfhj _1y2v1nfle",
+    topRight: "_1y2v1nfha _1y2v1nfh5 _1y2v1nfhp _1y2v1nfhj _1y2v1nfle _1y2v1nfkk"
+}, y = "o7bjb0h _1y2v1nfi7 _1y2v1nfin _1y2v1nfha _1y2v1nfhp _1y2v1nfhj _1y2v1nfjt", b = "o7bjb0b", h = "o7bjb01 _1y2v1nfhx _1y2v1nfha _1y2v1nfhj", o = "o7bjb02", p = "o7bjb04 _1y2v1nfh6 _1y2v1nfk3", t = "_1y2v1nf57", e = "_1y2v1nf58", j = "o7bjb07";

package/dist/spinner.css-mistica.js

@@ -10,18 +10,18 @@ function _export(target, all) {
 }
 _export(exports, {
     spinnerDefault: function() {
-        return a;
+        return t;
     },
     spinnerDefaultPath: function() {
-        return t;
+        return f;
     },
     spinnerIos: function() {
-        return f;
+        return h;
     },
     spinnerIosSvgPath: function() {
-        return h;
+        return v;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./spinner.css.ts.vanilla.css-mistica.js");
-var a = "_1fthc594 _1y2v1nfhq _1y2v1nfha", t = "_1fthc595", f = "_1y2v1nfhq _1y2v1nfha", h = "_1fthc597";
+var t = "_1fthc594 _1y2v1nfhs _1y2v1nfhc", f = "_1fthc595", h = "_1y2v1nfhs _1y2v1nfhc", v = "_1fthc597";