@telefonica/mistica 12.9.1 → 12.10.0

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

@@ -94,5 +94,91 @@ var r = {
         warningHigh: "var(--_1vqcj1i29)",
         errorHigh: "var(--_1vqcj1i2a)",
         promoHigh: "var(--_1vqcj1i2b)"
+    },
+    rawColors: {
+        appBarBackground: "var(--_1vqcj1i2c)",
+        background: "var(--_1vqcj1i2d)",
+        backgroundContainer: "var(--_1vqcj1i2e)",
+        backgroundBrand: "var(--_1vqcj1i2f)",
+        backgroundOverlay: "var(--_1vqcj1i2g)",
+        backgroundSkeleton: "var(--_1vqcj1i2h)",
+        backgroundSkeletonInverse: "var(--_1vqcj1i2i)",
+        backgroundAlternative: "var(--_1vqcj1i2j)",
+        backgroundFeedbackBottom: "var(--_1vqcj1i2k)",
+        navigationBarBackground: "var(--_1vqcj1i2l)",
+        skeletonWave: "var(--_1vqcj1i2m)",
+        border: "var(--_1vqcj1i2n)",
+        borderLight: "var(--_1vqcj1i2o)",
+        borderDark: "var(--_1vqcj1i2p)",
+        borderSelected: "var(--_1vqcj1i2q)",
+        buttonDangerBackground: "var(--_1vqcj1i2r)",
+        buttonDangerBackgroundSelected: "var(--_1vqcj1i2s)",
+        buttonDangerBackgroundHover: "var(--_1vqcj1i2t)",
+        buttonLinkBackgroundSelected: "var(--_1vqcj1i2u)",
+        buttonLinkBackgroundSelectedInverse: "var(--_1vqcj1i2v)",
+        buttonPrimaryBackground: "var(--_1vqcj1i2w)",
+        buttonPrimaryBackgroundInverse: "var(--_1vqcj1i2x)",
+        buttonPrimaryBackgroundSelected: "var(--_1vqcj1i2y)",
+        buttonPrimaryBackgroundSelectedInverse: "var(--_1vqcj1i2z)",
+        buttonPrimaryBackgroundHover: "var(--_1vqcj1i30)",
+        buttonSecondaryBackground: "var(--_1vqcj1i31)",
+        buttonSecondaryBackgroundSelected: "var(--_1vqcj1i32)",
+        buttonSecondaryBorderInverse: "var(--_1vqcj1i33)",
+        buttonSecondaryBorderSelectedInverse: "var(--_1vqcj1i34)",
+        control: "var(--_1vqcj1i35)",
+        controlActivated: "var(--_1vqcj1i36)",
+        controlError: "var(--_1vqcj1i37)",
+        loadingBar: "var(--_1vqcj1i38)",
+        loadingBarBackground: "var(--_1vqcj1i39)",
+        toggleAndroidInactive: "var(--_1vqcj1i3a)",
+        toggleAndroidBackgroundActive: "var(--_1vqcj1i3b)",
+        iosControlKnob: "var(--_1vqcj1i3c)",
+        divider: "var(--_1vqcj1i3d)",
+        dividerInverse: "var(--_1vqcj1i3e)",
+        navigationBarDivider: "var(--_1vqcj1i3f)",
+        badge: "var(--_1vqcj1i3g)",
+        feedbackErrorBackground: "var(--_1vqcj1i3h)",
+        feedbackInfoBackground: "var(--_1vqcj1i3i)",
+        brand: "var(--_1vqcj1i3j)",
+        brandHigh: "var(--_1vqcj1i3k)",
+        inverse: "var(--_1vqcj1i3l)",
+        neutralHigh: "var(--_1vqcj1i3m)",
+        neutralLow: "var(--_1vqcj1i3n)",
+        neutralMedium: "var(--_1vqcj1i3o)",
+        promo: "var(--_1vqcj1i3p)",
+        error: "var(--_1vqcj1i3q)",
+        highlight: "var(--_1vqcj1i3r)",
+        success: "var(--_1vqcj1i3s)",
+        warning: "var(--_1vqcj1i3t)",
+        textPrimary: "var(--_1vqcj1i3u)",
+        textPrimaryInverse: "var(--_1vqcj1i3v)",
+        textSecondary: "var(--_1vqcj1i3w)",
+        textSecondaryInverse: "var(--_1vqcj1i3x)",
+        textButtonPrimary: "var(--_1vqcj1i3y)",
+        textButtonPrimaryInverse: "var(--_1vqcj1i3z)",
+        textButtonPrimaryInverseSelected: "var(--_1vqcj1i40)",
+        textButtonSecondary: "var(--_1vqcj1i41)",
+        textButtonSecondarySelected: "var(--_1vqcj1i42)",
+        textButtonSecondaryInverse: "var(--_1vqcj1i43)",
+        textButtonSecondaryInverseSelected: "var(--_1vqcj1i44)",
+        textLink: "var(--_1vqcj1i45)",
+        textLinkInverse: "var(--_1vqcj1i46)",
+        textLinkDanger: "var(--_1vqcj1i47)",
+        textLinkSnackbar: "var(--_1vqcj1i48)",
+        textNavigationBarPrimary: "var(--_1vqcj1i49)",
+        textNavigationBarSecondary: "var(--_1vqcj1i4a)",
+        textNavigationSearchBarHint: "var(--_1vqcj1i4b)",
+        textNavigationSearchBarText: "var(--_1vqcj1i4c)",
+        textAppBar: "var(--_1vqcj1i4d)",
+        textAppBarSelected: "var(--_1vqcj1i4e)",
+        successLow: "var(--_1vqcj1i4f)",
+        warningLow: "var(--_1vqcj1i4g)",
+        errorLow: "var(--_1vqcj1i4h)",
+        promoLow: "var(--_1vqcj1i4i)",
+        brandLow: "var(--_1vqcj1i4j)",
+        successHigh: "var(--_1vqcj1i4k)",
+        warningHigh: "var(--_1vqcj1i4l)",
+        errorHigh: "var(--_1vqcj1i4m)",
+        promoHigh: "var(--_1vqcj1i4n)"
     }
 };

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

@@ -85,4 +85,95 @@ export declare const vars: import("@vanilla-extract/private").MapLeafNodes<{
         errorHigh: string;
         promoHigh: string;
     };
+    /**
+     * Raw colors are defined as rgb components to allow applying alpha channel when using the css var
+     * See ThemeContextProvider, where the colors provided in the themeConfig are transformed into rgb components
+     * See utils/color.tsx applyAlha, where the alpha channel is applied to the css var
+     */
+    rawColors: {
+        appBarBackground: string;
+        background: string;
+        backgroundContainer: string;
+        backgroundBrand: string;
+        backgroundOverlay: string;
+        backgroundSkeleton: string;
+        backgroundSkeletonInverse: string;
+        backgroundAlternative: string;
+        backgroundFeedbackBottom: string;
+        navigationBarBackground: string;
+        skeletonWave: string;
+        border: string;
+        borderLight: string;
+        borderDark: string;
+        borderSelected: string;
+        buttonDangerBackground: string;
+        buttonDangerBackgroundSelected: string;
+        buttonDangerBackgroundHover: string;
+        buttonLinkBackgroundSelected: string;
+        buttonLinkBackgroundSelectedInverse: string;
+        buttonPrimaryBackground: string;
+        buttonPrimaryBackgroundInverse: string;
+        buttonPrimaryBackgroundSelected: string;
+        buttonPrimaryBackgroundSelectedInverse: string;
+        buttonPrimaryBackgroundHover: string;
+        buttonSecondaryBackground: string;
+        buttonSecondaryBackgroundSelected: string;
+        buttonSecondaryBorderInverse: string;
+        buttonSecondaryBorderSelectedInverse: string;
+        control: string;
+        controlActivated: string;
+        controlError: string;
+        loadingBar: string;
+        loadingBarBackground: string;
+        toggleAndroidInactive: string;
+        toggleAndroidBackgroundActive: string;
+        iosControlKnob: string;
+        divider: string;
+        dividerInverse: string;
+        navigationBarDivider: string;
+        badge: string;
+        feedbackErrorBackground: string;
+        feedbackInfoBackground: string;
+        brand: string;
+        brandHigh: string;
+        inverse: string;
+        neutralHigh: string;
+        neutralLow: string;
+        neutralMedium: string;
+        promo: string;
+        error: string;
+        highlight: string;
+        success: string;
+        warning: string;
+        textPrimary: string;
+        textPrimaryInverse: string;
+        textSecondary: string;
+        textSecondaryInverse: string;
+        textButtonPrimary: string;
+        textButtonPrimaryInverse: string;
+        textButtonPrimaryInverseSelected: string;
+        textButtonSecondary: string;
+        textButtonSecondarySelected: string;
+        textButtonSecondaryInverse: string;
+        textButtonSecondaryInverseSelected: string;
+        textLink: string;
+        textLinkInverse: string;
+        textLinkDanger: string;
+        textLinkSnackbar: string;
+        textNavigationBarPrimary: string;
+        textNavigationBarSecondary: string;
+        textNavigationSearchBarHint: string;
+        textNavigationSearchBarText: string;
+        textAppBar: string;
+        textAppBarSelected: string;
+        successLow: string;
+        warningLow: string;
+        errorLow: string;
+        promoLow: string;
+        brandLow: string;
+        successHigh: string;
+        warningHigh: string;
+        errorHigh: string;
+        promoHigh: string;
+    };
 }, import("@vanilla-extract/private").CSSVarFunction>;

package/dist/snackbar.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     TRANSITION_TIME_IN_MS: function() {
-        return n;
+        return a;
     },
     button: function() {
-        return a;
+        return v;
     },
     buttonCritical: function() {
         return b;
@@ -25,13 +25,13 @@ _export(exports, {
         return t;
     },
     longButton: function() {
-        return p;
+        return _;
     },
     snackbar: function() {
-        return _;
+        return f;
     },
     snackbarOpen: function() {
-        return f;
+        return p;
     },
     wrapper: function() {
         return y;
@@ -48,4 +48,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./snackbar.css.ts.vanilla.js");
-var n = 300, a = "o7bjb09", b = "_1y2v1nf1j", o = "_1y2v1nf1w", t = "_1y2v1nf4v _1y2v1nf57", p = "o7bjb0a", _ = "o7bjb01 _1y2v1nf70 _1y2v1nf4v _1y2v1nf54", f = "o7bjb02", y = "o7bjb04 _1y2v1nf4s _1y2v1nf8p", e = "_1y2v1nf3i", j = "_1y2v1nf3j", i = "o7bjb07";
+var a = 300, v = "o7bjb09", b = "_1y2v1nf1j", o = "_1y2v1nf1w", t = "_1y2v1nf7b _1y2v1nf7n", _ = "o7bjb0a", f = "o7bjb01 _1y2v1nf9h _1y2v1nf7b _1y2v1nf7k", p = "o7bjb02", y = "o7bjb04 _1y2v1nf78 _1y2v1nfbb", e = "_1y2v1nf5x", j = "_1y2v1nf5y", i = "o7bjb07";