@telefonica/mistica 12.8.0 → 12.9.1

package/dist/skins/vivo.js

@@ -2,10 +2,23 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.getVivoSkin = exports.palette = void 0;
-var _color = require("../utils/color");
-var _constants = require("./constants");
-var palette = {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getVivoSkin: function() {
+        return i;
+    },
+    palette: function() {
+        return e;
+    }
+});
+var _colorJs = require("../utils/color.js");
+var _constantsJs = require("./constants.js");
+var e = {
     vivoPurple: "#660099",
     vivoPurpleDark: "#461E5F",
     vivoPurpleLight90: "#751AA3",
@@ -36,186 +49,171 @@ var palette = {
     grey5: "#666666",
     grey6: "#000000",
     white: "#FFFFFF",
-    // specific for dark mode:
     darkModeBlack: "#191919",
     darkModeGrey: "#242424",
     darkModeGrey6: "#313235"
-};
-exports.palette = palette;
-var getVivoSkin = function getVivoSkin() {
+}, i = function i() {
     return {
-        name: _constants.VIVO_SKIN,
+        name: _constantsJs.VIVO_SKIN,
         colors: {
-            // BACKGROUNDS
-            appBarBackground: palette.white,
-            background: palette.white,
-            backgroundContainer: palette.white,
-            backgroundBrand: palette.vivoPurple,
-            backgroundOverlay: (0, _color).applyAlpha(palette.grey6, 0.6),
-            backgroundSkeleton: palette.grey2,
-            backgroundSkeletonInverse: (0, _color).applyAlpha(palette.white, 0.2),
-            backgroundFeedbackBottom: palette.vivoPurple,
-            navigationBarBackground: palette.vivoPurple,
-            backgroundAlternative: palette.grey1,
-            skeletonWave: palette.grey2,
-            // BORDERS
-            borderLight: palette.grey1,
-            border: palette.grey3,
-            borderDark: palette.grey5,
-            borderSelected: palette.vivoPurple,
-            // BUTTONS
-            buttonDangerBackground: palette.pepper,
-            buttonDangerBackgroundSelected: palette.pepperDark,
-            buttonDangerBackgroundHover: palette.pepperDark,
-            buttonLinkBackgroundSelected: palette.vivoPurpleLight10,
-            buttonLinkBackgroundSelectedInverse: (0, _color).applyAlpha(palette.white, 0.2),
-            buttonPrimaryBackground: palette.vivoPurple,
-            buttonPrimaryBackgroundInverse: palette.white,
-            buttonPrimaryBackgroundSelected: palette.vivoPurpleDark,
-            buttonPrimaryBackgroundHover: palette.vivoPurpleDark,
-            buttonPrimaryBackgroundSelectedInverse: palette.vivoPurpleLight50,
-            buttonSecondaryBackground: palette.vivoPurple,
-            buttonSecondaryBackgroundSelected: palette.vivoPurpleDark,
-            buttonSecondaryBorderInverse: palette.white,
-            buttonSecondaryBorderSelectedInverse: palette.vivoPurpleLight50,
-            textButtonPrimary: palette.white,
-            textButtonPrimaryInverse: palette.vivoPurple,
-            textButtonPrimaryInverseSelected: palette.vivoPurple,
-            textButtonSecondary: palette.vivoPurple,
-            textButtonSecondarySelected: palette.vivoPurpleDark,
-            textButtonSecondaryInverse: palette.white,
-            textButtonSecondaryInverseSelected: palette.white,
-            textLink: palette.vivoPurple,
-            textLinkInverse: palette.white,
-            textLinkDanger: palette.pepper,
-            textLinkSnackbar: palette.vivoPurpleLight50,
-            // CONTROLS
-            control: palette.grey3,
-            controlActivated: palette.vivoPurple,
-            controlError: palette.pepper,
-            loadingBar: palette.pink,
-            loadingBarBackground: palette.pepperLight30,
-            toggleAndroidInactive: palette.grey2,
-            toggleAndroidBackgroundActive: palette.vivoPurpleLight20,
-            iosControlKnob: palette.white,
-            // DIVIDERS
-            divider: palette.grey2,
-            dividerInverse: (0, _color).applyAlpha(palette.white, 0.2),
-            navigationBarDivider: palette.vivoPurple,
-            // FEEDBACKS
-            badge: palette.pepperDark,
-            feedbackErrorBackground: palette.pepper,
-            feedbackInfoBackground: palette.grey6,
-            // GLOBAL
-            brand: palette.vivoPurple,
-            brandHigh: palette.vivoPurpleDark,
-            inverse: palette.white,
-            neutralHigh: palette.grey6,
-            neutralMedium: palette.grey5,
-            neutralLow: palette.grey1,
-            promo: palette.vivoPurple,
-            highlight: palette.pink,
-            textPrimary: palette.grey6,
-            textPrimaryInverse: palette.white,
-            textSecondary: palette.grey5,
-            textSecondaryInverse: palette.white,
-            // STATES
-            error: palette.pepper,
-            success: palette.vivoGreen,
-            warning: palette.orange,
-            // BARS TEXTS
-            textNavigationBarPrimary: palette.white,
-            textNavigationBarSecondary: palette.vivoPurpleLight50,
-            textNavigationSearchBarHint: palette.vivoPurpleLight50,
-            textNavigationSearchBarText: palette.white,
-            textAppBar: palette.grey4,
-            textAppBarSelected: palette.vivoPurple,
-            // TAGS
-            successLow: palette.vivoGreenLight10,
-            warningLow: palette.orangeLight10,
-            errorLow: palette.pepperLight10,
-            promoLow: palette.vivoPurpleLight10,
-            brandLow: palette.vivoPurpleLight10,
-            successHigh: palette.vivoGreenDark,
-            warningHigh: palette.orangeDark,
-            errorHigh: palette.pepperDark80,
-            promoHigh: palette.vivoPurple
+            appBarBackground: e.white,
+            background: e.white,
+            backgroundContainer: e.white,
+            backgroundBrand: e.vivoPurple,
+            backgroundOverlay: (0, _colorJs.applyAlpha)(e.grey6, 0.6),
+            backgroundSkeleton: e.grey2,
+            backgroundSkeletonInverse: (0, _colorJs.applyAlpha)(e.white, 0.2),
+            backgroundFeedbackBottom: e.vivoPurple,
+            navigationBarBackground: e.vivoPurple,
+            backgroundAlternative: e.grey1,
+            skeletonWave: e.grey2,
+            borderLight: e.grey1,
+            border: e.grey3,
+            borderDark: e.grey5,
+            borderSelected: e.vivoPurple,
+            buttonDangerBackground: e.pepper,
+            buttonDangerBackgroundSelected: e.pepperDark,
+            buttonDangerBackgroundHover: e.pepperDark,
+            buttonLinkBackgroundSelected: e.vivoPurpleLight10,
+            buttonLinkBackgroundSelectedInverse: (0, _colorJs.applyAlpha)(e.white, 0.2),
+            buttonPrimaryBackground: e.vivoPurple,
+            buttonPrimaryBackgroundInverse: e.white,
+            buttonPrimaryBackgroundSelected: e.vivoPurpleDark,
+            buttonPrimaryBackgroundHover: e.vivoPurpleDark,
+            buttonPrimaryBackgroundSelectedInverse: e.vivoPurpleLight50,
+            buttonSecondaryBackground: e.vivoPurple,
+            buttonSecondaryBackgroundSelected: e.vivoPurpleDark,
+            buttonSecondaryBorderInverse: e.white,
+            buttonSecondaryBorderSelectedInverse: e.vivoPurpleLight50,
+            textButtonPrimary: e.white,
+            textButtonPrimaryInverse: e.vivoPurple,
+            textButtonPrimaryInverseSelected: e.vivoPurple,
+            textButtonSecondary: e.vivoPurple,
+            textButtonSecondarySelected: e.vivoPurpleDark,
+            textButtonSecondaryInverse: e.white,
+            textButtonSecondaryInverseSelected: e.white,
+            textLink: e.vivoPurple,
+            textLinkInverse: e.white,
+            textLinkDanger: e.pepper,
+            textLinkSnackbar: e.vivoPurpleLight50,
+            control: e.grey3,
+            controlActivated: e.vivoPurple,
+            controlError: e.pepper,
+            loadingBar: e.pink,
+            loadingBarBackground: e.pepperLight30,
+            toggleAndroidInactive: e.grey2,
+            toggleAndroidBackgroundActive: e.vivoPurpleLight20,
+            iosControlKnob: e.white,
+            divider: e.grey2,
+            dividerInverse: (0, _colorJs.applyAlpha)(e.white, 0.2),
+            navigationBarDivider: e.vivoPurple,
+            badge: e.pepperDark,
+            feedbackErrorBackground: e.pepper,
+            feedbackInfoBackground: e.grey6,
+            brand: e.vivoPurple,
+            brandHigh: e.vivoPurpleDark,
+            inverse: e.white,
+            neutralHigh: e.grey6,
+            neutralMedium: e.grey5,
+            neutralLow: e.grey1,
+            promo: e.vivoPurple,
+            highlight: e.pink,
+            textPrimary: e.grey6,
+            textPrimaryInverse: e.white,
+            textSecondary: e.grey5,
+            textSecondaryInverse: e.white,
+            error: e.pepper,
+            success: e.vivoGreen,
+            warning: e.orange,
+            textNavigationBarPrimary: e.white,
+            textNavigationBarSecondary: e.vivoPurpleLight50,
+            textNavigationSearchBarHint: e.vivoPurpleLight50,
+            textNavigationSearchBarText: e.white,
+            textAppBar: e.grey4,
+            textAppBarSelected: e.vivoPurple,
+            successLow: e.vivoGreenLight10,
+            warningLow: e.orangeLight10,
+            errorLow: e.pepperLight10,
+            promoLow: e.vivoPurpleLight10,
+            brandLow: e.vivoPurpleLight10,
+            successHigh: e.vivoGreenDark,
+            warningHigh: e.orangeDark,
+            errorHigh: e.pepperDark80,
+            promoHigh: e.vivoPurple
         },
         darkModeColors: {
-            appBarBackground: palette.darkModeGrey,
-            background: palette.darkModeBlack,
-            backgroundContainer: palette.darkModeGrey,
-            backgroundBrand: palette.darkModeBlack,
-            backgroundOverlay: (0, _color).applyAlpha(palette.darkModeGrey, 0.8),
-            backgroundSkeleton: palette.darkModeGrey6,
-            backgroundSkeletonInverse: palette.darkModeGrey6,
-            navigationBarBackground: palette.darkModeBlack,
-            backgroundAlternative: palette.darkModeGrey,
-            backgroundFeedbackBottom: palette.darkModeBlack,
-            skeletonWave: palette.grey5,
-            borderLight: palette.darkModeBlack,
-            border: palette.darkModeGrey,
-            borderDark: palette.grey5,
-            borderSelected: palette.vivoPurpleLight80,
-            buttonLinkBackgroundSelected: (0, _color).applyAlpha(palette.white, 0.05),
-            buttonLinkBackgroundSelectedInverse: (0, _color).applyAlpha(palette.white, 0.05),
-            buttonPrimaryBackground: palette.vivoPurpleLight80,
-            buttonPrimaryBackgroundInverse: palette.vivoPurpleLight80,
-            buttonPrimaryBackgroundSelected: palette.vivoPurpleDark,
-            buttonPrimaryBackgroundHover: palette.vivoPurpleDark,
-            buttonPrimaryBackgroundSelectedInverse: palette.vivoPurpleDark,
-            buttonSecondaryBackground: palette.vivoPurpleLight80,
-            buttonSecondaryBackgroundSelected: palette.vivoPurpleDark,
-            buttonSecondaryBorderInverse: palette.vivoPurpleLight80,
-            buttonSecondaryBorderSelectedInverse: palette.vivoPurpleDark,
-            textButtonPrimary: palette.grey2,
-            textButtonPrimaryInverse: palette.grey2,
-            textButtonPrimaryInverseSelected: palette.grey2,
-            textButtonSecondary: palette.grey2,
-            textButtonSecondarySelected: palette.grey4,
-            textButtonSecondaryInverse: palette.grey2,
-            textButtonSecondaryInverseSelected: palette.grey4,
-            textLink: palette.vivoPurpleLight50,
-            textLinkInverse: palette.vivoPurpleLight50,
-            control: palette.darkModeGrey6,
-            controlActivated: palette.vivoPurpleLight80,
-            loadingBar: palette.vivoPurpleLight80,
-            loadingBarBackground: palette.darkModeGrey6,
-            toggleAndroidInactive: palette.grey4,
-            toggleAndroidBackgroundActive: palette.vivoPurpleLight50,
-            iosControlKnob: palette.grey2,
-            divider: (0, _color).applyAlpha(palette.white, 0.05),
-            dividerInverse: (0, _color).applyAlpha(palette.white, 0.05),
-            navigationBarDivider: palette.darkModeBlack,
-            feedbackInfoBackground: palette.darkModeGrey6,
-            brand: palette.vivoPurpleLight80,
-            brandHigh: palette.darkModeGrey6,
-            inverse: palette.grey2,
-            neutralHigh: palette.grey2,
-            neutralMedium: palette.grey5,
-            neutralLow: palette.darkModeGrey6,
-            promo: palette.vivoPurpleLight80,
-            textPrimary: palette.grey2,
-            textPrimaryInverse: palette.grey2,
-            textSecondary: palette.grey4,
-            textSecondaryInverse: palette.grey4,
-            textNavigationBarPrimary: palette.grey2,
-            textNavigationBarSecondary: palette.grey4,
-            textNavigationSearchBarHint: palette.grey4,
-            textNavigationSearchBarText: palette.grey2,
-            textAppBar: palette.grey5,
-            textAppBarSelected: palette.grey2,
-            // TAGS
-            successLow: (0, _color).applyAlpha(palette.white, 0.05),
-            warningLow: (0, _color).applyAlpha(palette.white, 0.05),
-            errorLow: (0, _color).applyAlpha(palette.white, 0.05),
-            promoLow: (0, _color).applyAlpha(palette.white, 0.05),
-            brandLow: (0, _color).applyAlpha(palette.white, 0.05),
-            successHigh: palette.vivoGreenLight30,
-            warningHigh: palette.orangeLight40,
-            errorHigh: palette.pepperLight40,
-            promoHigh: palette.vivoPurpleLight50
+            appBarBackground: e.darkModeGrey,
+            background: e.darkModeBlack,
+            backgroundContainer: e.darkModeGrey,
+            backgroundBrand: e.darkModeBlack,
+            backgroundOverlay: (0, _colorJs.applyAlpha)(e.darkModeGrey, 0.8),
+            backgroundSkeleton: e.darkModeGrey6,
+            backgroundSkeletonInverse: e.darkModeGrey6,
+            navigationBarBackground: e.darkModeBlack,
+            backgroundAlternative: e.darkModeGrey,
+            backgroundFeedbackBottom: e.darkModeBlack,
+            skeletonWave: e.grey5,
+            borderLight: e.darkModeBlack,
+            border: e.darkModeGrey,
+            borderDark: e.grey5,
+            borderSelected: e.vivoPurpleLight80,
+            buttonLinkBackgroundSelected: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            buttonLinkBackgroundSelectedInverse: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            buttonPrimaryBackground: e.vivoPurpleLight80,
+            buttonPrimaryBackgroundInverse: e.vivoPurpleLight80,
+            buttonPrimaryBackgroundSelected: e.vivoPurpleDark,
+            buttonPrimaryBackgroundHover: e.vivoPurpleDark,
+            buttonPrimaryBackgroundSelectedInverse: e.vivoPurpleDark,
+            buttonSecondaryBackground: e.vivoPurpleLight80,
+            buttonSecondaryBackgroundSelected: e.vivoPurpleDark,
+            buttonSecondaryBorderInverse: e.vivoPurpleLight80,
+            buttonSecondaryBorderSelectedInverse: e.vivoPurpleDark,
+            textButtonPrimary: e.grey2,
+            textButtonPrimaryInverse: e.grey2,
+            textButtonPrimaryInverseSelected: e.grey2,
+            textButtonSecondary: e.grey2,
+            textButtonSecondarySelected: e.grey4,
+            textButtonSecondaryInverse: e.grey2,
+            textButtonSecondaryInverseSelected: e.grey4,
+            textLink: e.vivoPurpleLight50,
+            textLinkInverse: e.vivoPurpleLight50,
+            control: e.darkModeGrey6,
+            controlActivated: e.vivoPurpleLight80,
+            loadingBar: e.vivoPurpleLight80,
+            loadingBarBackground: e.darkModeGrey6,
+            toggleAndroidInactive: e.grey4,
+            toggleAndroidBackgroundActive: e.vivoPurpleLight50,
+            iosControlKnob: e.grey2,
+            divider: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            dividerInverse: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            navigationBarDivider: e.darkModeBlack,
+            feedbackInfoBackground: e.darkModeGrey6,
+            brand: e.vivoPurpleLight80,
+            brandHigh: e.darkModeGrey6,
+            inverse: e.grey2,
+            neutralHigh: e.grey2,
+            neutralMedium: e.grey5,
+            neutralLow: e.darkModeGrey6,
+            promo: e.vivoPurpleLight80,
+            textPrimary: e.grey2,
+            textPrimaryInverse: e.grey2,
+            textSecondary: e.grey4,
+            textSecondaryInverse: e.grey4,
+            textNavigationBarPrimary: e.grey2,
+            textNavigationBarSecondary: e.grey4,
+            textNavigationSearchBarHint: e.grey4,
+            textNavigationSearchBarText: e.grey2,
+            textAppBar: e.grey5,
+            textAppBarSelected: e.grey2,
+            successLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            warningLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            errorLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            promoLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            brandLow: (0, _colorJs.applyAlpha)(e.white, 0.05),
+            successHigh: e.vivoGreenLight30,
+            warningHigh: e.orangeLight40,
+            errorHigh: e.pepperLight40,
+            promoHigh: e.vivoPurpleLight50
         }
     };
 };
-exports.getVivoSkin = getVivoSkin;

package/dist/snackbar.css-mistica.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TRANSITION_TIME_IN_MS: function() {
+        return n;
+    },
+    button: function() {
+        return a;
+    },
+    buttonCritical: function() {
+        return b;
+    },
+    buttonInfo: function() {
+        return o;
+    },
+    content: function() {
+        return t;
+    },
+    longButton: function() {
+        return p;
+    },
+    snackbar: function() {
+        return _;
+    },
+    snackbarOpen: function() {
+        return f;
+    },
+    wrapper: function() {
+        return y;
+    },
+    wrapperCritical: function() {
+        return e;
+    },
+    wrapperInfo: function() {
+        return j;
+    },
+    wrapperOpen: function() {
+        return i;
+    }
+});
+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";

package/dist/snackbar.css.d.ts

@@ -0,0 +1,12 @@
+export declare const TRANSITION_TIME_IN_MS = 300;
+export declare const snackbar: string;
+export declare const snackbarOpen: string;
+export declare const wrapper: string;
+export declare const wrapperCritical: string;
+export declare const wrapperInfo: string;
+export declare const wrapperOpen: string;
+export declare const content: string;
+export declare const button: string;
+export declare const longButton: string;
+export declare const buttonInfo: string;
+export declare const buttonCritical: string;

package/dist/snackbar.css.js.flow

@@ -0,0 +1,14 @@
+// @flow
+
+declare export var TRANSITION_TIME_IN_MS: 300;
+declare export var snackbar: string;
+declare export var snackbarOpen: string;
+declare export var wrapper: string;
+declare export var wrapperCritical: string;
+declare export var wrapperInfo: string;
+declare export var wrapperOpen: string;
+declare export var content: string;
+declare export var button: string;
+declare export var longButton: string;
+declare export var buttonInfo: string;
+declare export var buttonCritical: string;

package/dist/snackbar.css.ts.vanilla.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return a;
+    }
+});
+var a = "";