@telefonica/mistica 14.47.0 → 15.0.0

package/dist-es/skins/o2-classic.js

@@ -1,307 +0,0 @@
-import { applyAlpha as r } from "../utils/color.js";
-import { O2_CLASSIC_SKIN as o } from "./constants.js";
-const e = {
-    o2Blue: "#032B5A",
-    o2Blue10: "#E6EAEE",
-    o2Blue30: "#8195AC",
-    o2Blue45: "#6C8BAF",
-    o2Blue55: "#04264E",
-    o2SkyBlue: "#0090D0",
-    o2SkyBlue55: "#057DB2",
-    o2SkyBlueLight: "#65B4E4",
-    o2SkyBlueLight45: "#80C7E7",
-    o2SkyBlueLight20: "#D0E8F6",
-    o2SkyBlueLight10: "#E9F5FB",
-    o2DeepSkyBlue: "#7FD4FE",
-    o2Gem: "#01B7B4",
-    o2GemDark: "#099E9B",
-    o2GemLight30: "#99E2E1",
-    o2Yellow: "#FFCC00",
-    o2Green: "#84B50F",
-    o2Green10: "#F3F8E7",
-    o2Green40: "#A9CB57",
-    o2Green75: "#4D621D",
-    pepper: "#FF374A",
-    pepper10: "#FFEBED",
-    pepper20: "#FFC3C8",
-    pepper40: "#FF7380",
-    pepper55: "#D73241",
-    pepper70: "#B22634",
-    orange: "#FF7F41",
-    orange10: "#FFF2EC",
-    orange40: "#FFA57A",
-    orange80: "#73391D",
-    coral: "#FF706E",
-    pink: "#EB3C7D",
-    pink10: "#FDEBF2",
-    pink40: "#F59DBE",
-    pink60: "#BC3064",
-    o2GradientFirst: "#102550",
-    o2GradientSecond: "#0B4680",
-    o2GradientThird: "#0D71AD",
-    o2GradientFourth: "#449ED0",
-    grey1: "#F6F6F6",
-    grey2: "#EEEEEE",
-    grey3: "#DDDDDD",
-    grey4: "#999999",
-    grey5: "#757575",
-    grey6: "#000033",
-    white: "#FFFFFF",
-    // specific for dark mode:
-    darkModeBlack: "#191919",
-    darkModeGrey: "#242424",
-    darkModeGrey6: "#313235"
-}, d = ()=>({
-        name: o,
-        colors: {
-            // BACKGROUNDS
-            appBarBackground: e.white,
-            background: e.white,
-            backgroundContainer: e.white,
-            backgroundContainerHover: e.white,
-            backgroundContainerPressed: e.white,
-            backgroundContainerBrand: `linear-gradient(to bottom, ${e.o2Blue}, ${e.o2GradientSecond} 51%, ${e.o2GradientThird} 72%, ${e.o2GradientFourth})`,
-            backgroundContainerBrandHover: `linear-gradient(to bottom, ${e.o2Blue}, ${e.o2GradientSecond} 51%, ${e.o2GradientThird} 72%, ${e.o2GradientFourth})`,
-            backgroundContainerBrandPressed: `linear-gradient(to bottom, ${e.o2Blue}, ${e.o2GradientSecond} 51%, ${e.o2GradientThird} 72%, ${e.o2GradientFourth})`,
-            backgroundContainerBrandOverInverse: `linear-gradient(to bottom, ${e.o2Blue}, ${e.o2GradientSecond} 51%, ${e.o2GradientThird} 72%, ${e.o2GradientFourth})`,
-            backgroundContainerAlternative: e.grey1,
-            backgroundBrand: `linear-gradient(to bottom, ${e.o2Blue}, ${e.o2GradientSecond} 51%, ${e.o2GradientThird} 72%, ${e.o2GradientFourth})`,
-            backgroundBrandSecondary: `linear-gradient(to bottom, ${e.o2Blue}, ${e.o2GradientSecond} 51%, ${e.o2GradientThird} 72%, ${e.o2GradientFourth})`,
-            backgroundOverlay: r(e.grey6, 0.6),
-            backgroundSkeleton: e.grey2,
-            backgroundSkeletonInverse: r(e.white, 0.2),
-            navigationBarBackground: e.o2Blue,
-            backgroundAlternative: e.grey1,
-            backgroundBrandTop: e.o2GradientFirst,
-            backgroundBrandBottom: e.o2GradientFourth,
-            skeletonWave: e.grey2,
-            // BORDERS
-            borderLow: e.grey1,
-            border: e.grey3,
-            borderHigh: e.grey5,
-            borderSelected: e.o2Gem,
-            coverBackgroundHover: r(e.darkModeBlack, 0.25),
-            coverBackgroundPressed: r(e.darkModeBlack, 0.35),
-            // BUTTONS
-            buttonDangerBackground: e.pepper,
-            buttonDangerBackgroundSelected: e.pepper55,
-            buttonDangerBackgroundHover: e.pepper55,
-            buttonLinkDangerBackgroundSelected: e.pepper10,
-            buttonLinkDangerBackgroundInverse: e.white,
-            buttonLinkDangerBackgroundInverseSelected: e.pepper10,
-            buttonLinkBackgroundSelected: e.o2SkyBlueLight10,
-            buttonLinkBackgroundInverseSelected: r(e.white, 0.2),
-            buttonPrimaryBackground: e.o2SkyBlue,
-            buttonPrimaryBackgroundInverse: e.white,
-            buttonPrimaryBackgroundSelected: e.o2SkyBlue55,
-            buttonPrimaryBackgroundHover: e.o2SkyBlue55,
-            buttonPrimaryBackgroundInverseSelected: e.o2SkyBlueLight45,
-            buttonSecondaryBorder: e.o2SkyBlue,
-            buttonSecondaryBorderSelected: e.o2SkyBlue55,
-            buttonSecondaryBorderInverse: e.white,
-            buttonSecondaryBorderInverseSelected: e.white,
-            buttonSecondaryBackgroundHover: e.o2SkyBlueLight10,
-            buttonSecondaryBackgroundSelected: e.o2SkyBlueLight10,
-            buttonSecondaryBackgroundInverseHover: r(e.white, 0.2),
-            buttonSecondaryBackgroundInverseSelected: r(e.white, 0.2),
-            textButtonPrimary: e.white,
-            textButtonPrimaryInverse: e.o2SkyBlue,
-            textButtonPrimaryInverseSelected: e.o2SkyBlue,
-            textButtonSecondary: e.o2SkyBlue,
-            textButtonSecondarySelected: e.o2SkyBlue55,
-            textButtonSecondaryInverse: e.white,
-            textButtonSecondaryInverseSelected: e.white,
-            textLink: e.o2SkyBlue,
-            textLinkInverse: e.white,
-            textLinkDanger: e.pepper,
-            textLinkSnackbar: e.o2SkyBlueLight,
-            // CONTROLS
-            control: e.grey3,
-            controlActivated: e.o2Gem,
-            controlInverse: e.white,
-            controlActivatedInverse: e.white,
-            controlError: e.pepper,
-            barTrack: e.grey3,
-            loadingBar: e.o2Gem,
-            loadingBarBackground: e.o2GemLight30,
-            toggleAndroidInactive: e.grey2,
-            // web only
-            toggleAndroidBackgroundActive: e.o2GemLight30,
-            // web only
-            iosControlKnob: e.white,
-            // web only
-            // DIVIDERS
-            divider: e.grey2,
-            dividerInverse: r(e.white, 0.2),
-            navigationBarDivider: e.o2Blue,
-            // FEEDBACKS
-            badge: e.pepper55,
-            feedbackErrorBackground: e.pepper,
-            feedbackInfoBackground: e.grey6,
-            // GLOBAL
-            brand: e.o2Blue,
-            brandHigh: e.o2Blue55,
-            inverse: e.white,
-            neutralHigh: e.grey6,
-            neutralLow: e.grey1,
-            neutralLowAlternative: e.grey2,
-            neutralMedium: e.grey5,
-            promo: e.pink,
-            highlight: e.pink,
-            textPrimary: e.grey6,
-            textPrimaryInverse: e.white,
-            textSecondary: e.grey5,
-            textSecondaryInverse: e.o2SkyBlueLight20,
-            // STATES
-            error: e.pepper,
-            success: e.o2Green,
-            warning: e.orange,
-            // BARS TEXTS
-            textNavigationBarPrimary: e.white,
-            textNavigationBarSecondary: e.o2Blue45,
-            textNavigationSearchBarHint: e.o2Blue45,
-            // iOS only
-            textNavigationSearchBarText: e.white,
-            // iOS only
-            textAppBar: e.grey4,
-            textAppBarSelected: e.o2Blue,
-            // TAGS
-            successLow: e.o2Green10,
-            warningLow: e.orange10,
-            errorLow: e.pepper10,
-            promoLow: e.pink10,
-            brandLow: e.o2Blue10,
-            successHigh: e.o2Green75,
-            warningHigh: e.orange80,
-            errorHigh: e.pepper70,
-            promoHigh: e.pink60,
-            successHighInverse: e.o2Green75,
-            warningHighInverse: e.orange80,
-            errorHighInverse: e.pepper70,
-            promoHighInverse: e.pink60,
-            neutralMediumInverse: e.grey5,
-            customTabsBackground: e.o2Blue,
-            tagTextPromo: e.pink60,
-            tagTextActive: e.o2Blue,
-            tagTextInactive: e.grey5,
-            tagTextSuccess: e.o2Green75,
-            tagTextWarning: e.orange80,
-            tagTextError: e.pepper70,
-            tagBackgroundPromo: e.pink10,
-            tagBackgroundActive: e.o2Blue10,
-            tagBackgroundInactive: e.grey1,
-            tagBackgroundSuccess: e.o2Green10,
-            tagBackgroundWarning: e.orange10,
-            tagBackgroundError: e.pepper10
-        },
-        darkModeColors: {
-            appBarBackground: e.darkModeGrey,
-            background: e.darkModeBlack,
-            backgroundContainer: e.darkModeGrey,
-            backgroundContainerHover: e.darkModeGrey,
-            backgroundContainerPressed: e.darkModeGrey,
-            backgroundContainerBrand: e.darkModeGrey,
-            backgroundContainerBrandHover: e.darkModeGrey,
-            backgroundContainerBrandPressed: e.darkModeGrey,
-            backgroundContainerBrandOverInverse: e.darkModeGrey,
-            backgroundContainerAlternative: e.darkModeGrey,
-            backgroundBrand: e.darkModeBlack,
-            backgroundBrandSecondary: e.darkModeBlack,
-            backgroundOverlay: r(e.darkModeGrey, 0.8),
-            backgroundSkeleton: e.darkModeGrey6,
-            backgroundSkeletonInverse: e.darkModeGrey6,
-            navigationBarBackground: e.darkModeBlack,
-            backgroundAlternative: e.darkModeGrey,
-            backgroundBrandTop: e.darkModeBlack,
-            backgroundBrandBottom: e.darkModeBlack,
-            skeletonWave: e.grey5,
-            borderLow: e.darkModeBlack,
-            border: e.darkModeGrey,
-            borderHigh: e.grey5,
-            borderSelected: e.o2SkyBlue,
-            buttonLinkDangerBackgroundSelected: r(e.white, 0.08),
-            buttonLinkDangerBackgroundInverse: r(e.white, 0.01),
-            buttonLinkDangerBackgroundInverseSelected: r(e.white, 0.08),
-            buttonLinkBackgroundSelected: r(e.white, 0.05),
-            buttonLinkBackgroundInverseSelected: r(e.white, 0.05),
-            buttonPrimaryBackgroundInverse: e.o2SkyBlue,
-            buttonPrimaryBackgroundInverseSelected: e.o2SkyBlue55,
-            buttonSecondaryBorder: e.white,
-            buttonSecondaryBorderSelected: e.white,
-            buttonSecondaryBorderInverse: e.white,
-            buttonSecondaryBorderInverseSelected: e.white,
-            buttonSecondaryBackgroundHover: r(e.white, 0.15),
-            buttonSecondaryBackgroundSelected: r(e.white, 0.15),
-            buttonSecondaryBackgroundInverseHover: r(e.white, 0.15),
-            buttonSecondaryBackgroundInverseSelected: r(e.white, 0.15),
-            textButtonPrimary: e.grey2,
-            textButtonPrimaryInverse: e.grey2,
-            textButtonPrimaryInverseSelected: e.grey2,
-            textButtonSecondary: e.grey2,
-            textButtonSecondarySelected: e.grey2,
-            textButtonSecondaryInverse: e.grey2,
-            textButtonSecondaryInverseSelected: e.grey2,
-            textLink: e.o2SkyBlueLight,
-            textLinkInverse: e.o2SkyBlueLight,
-            textLinkSnackbar: e.o2SkyBlueLight,
-            control: e.darkModeGrey6,
-            controlActivated: e.o2SkyBlue,
-            controlInverse: e.darkModeGrey6,
-            controlActivatedInverse: e.o2SkyBlueLight,
-            loadingBar: e.o2SkyBlue,
-            loadingBarBackground: e.darkModeGrey6,
-            toggleAndroidInactive: e.grey4,
-            toggleAndroidBackgroundActive: e.o2SkyBlueLight45,
-            iosControlKnob: e.grey2,
-            divider: r(e.white, 0.05),
-            dividerInverse: r(e.white, 0.05),
-            navigationBarDivider: e.darkModeBlack,
-            feedbackInfoBackground: e.darkModeGrey6,
-            brand: e.o2SkyBlue,
-            brandHigh: e.darkModeGrey6,
-            inverse: e.grey2,
-            neutralHigh: e.grey2,
-            neutralMedium: e.grey5,
-            neutralLow: e.darkModeGrey6,
-            neutralLowAlternative: e.darkModeGrey6,
-            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,
-            // TAGS
-            successLow: e.darkModeGrey6,
-            warningLow: e.darkModeGrey6,
-            errorLow: e.darkModeGrey6,
-            promoLow: e.darkModeGrey6,
-            brandLow: e.darkModeGrey6,
-            successHigh: e.o2Green40,
-            warningHigh: e.orange40,
-            errorHigh: e.pepper40,
-            promoHigh: e.pink40,
-            successHighInverse: e.o2Green75,
-            warningHighInverse: e.orange80,
-            errorHighInverse: e.pepper70,
-            promoHighInverse: e.pink60,
-            neutralMediumInverse: e.grey5,
-            customTabsBackground: e.darkModeBlack,
-            tagTextPromo: e.pink40,
-            tagTextActive: e.o2SkyBlue,
-            tagTextInactive: e.grey5,
-            tagTextSuccess: e.o2Green40,
-            tagTextWarning: e.orange40,
-            tagTextError: e.pepper40,
-            tagBackgroundPromo: e.darkModeGrey6,
-            tagBackgroundActive: e.darkModeGrey6,
-            tagBackgroundInactive: e.darkModeGrey6,
-            tagBackgroundSuccess: e.darkModeGrey6,
-            tagBackgroundWarning: e.darkModeGrey6,
-            tagBackgroundError: e.darkModeGrey6
-        }
-    });
-export { d as getO2ClassicSkin, e as palette };