@telefonica/mistica 16.70.0 → 16.72.0

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

@@ -1,1093 +0,0 @@
-import { O2_NEW_SKIN as o } from "./constants.js";
-import { applyAlpha as r } from "../utils/color.js";
-const e = {
-    beyondBlue: "#0050FF",
-    beyondBlue10: "#E5EDFF",
-    beyondBlue15: "#CCDCFF",
-    beyondBlue30: "#80A7FF",
-    beyondBlue40: "#4D84FF",
-    beyondBlue45: "#0A73EB",
-    beyondBlue55: "#0044D9",
-    beyondBlue70: "#0038B2",
-    beyondBlue90: "#001033",
-    darkBlue: "#00008C",
-    o2BlueLight: "#82DCFA",
-    o2BlueLight30: "#C0EEFD",
-    o2BlueLight35: "#B4EAFC",
-    o2Green: "#00DC7D",
-    o2Green10: "#E5FBF2",
-    o2Green40: "#4CE7A4",
-    o2Green80: "#006338",
-    o2Yellow: "#FADC00",
-    o2Orange: "#FFA55A",
-    o2Orange10: "#FFF6EE",
-    o2Orange40: "#FFC08B",
-    o2Orange60: "#F06C00",
-    o2Orange75: "#996336",
-    o2Pink: "#FA96FF",
-    o2Pink15: "#FEEAFF",
-    o2Pink30: "#FDCAFF",
-    o2Pink80: "#704373",
-    o2Red: "#FF5A5A",
-    o2Red10: "#FFEEEE",
-    o2Red20: "#FFCDCD",
-    o2Red40: "#FF8B8B",
-    o2Red45: "#FF7B7B",
-    o2Red60: "#CC4848",
-    o2Red65: "#BF4444",
-    grey20: "#F3F3F5",
-    grey30: "#D9D9DD",
-    grey40: "#B4B4BE",
-    grey45: "#8A8A98",
-    grey60: "#6E6E77",
-    grey80: "#3C3C46",
-    black: "#00001E",
-    white: "#FFFFFF",
-    darkModeBlack: "#00001C",
-    darkModeGrey: "#08132B",
-    darkModeGrey6: "#14213D",
-    darkModeBeyondBlue: "#1A62FF"
-}, d = ()=>({
-        name: o,
-        colors: {
-            background: e.white,
-            backgroundAlternative: e.grey20,
-            backgroundBrand: `linear-gradient(180deg, ${e.darkBlue} 0%, ${e.beyondBlue} 64%, ${e.beyondBlue45} 100%)`,
-            backgroundNegative: e.beyondBlue,
-            backgroundBrandSecondary: e.beyondBlue,
-            backgroundContainer: e.white,
-            backgroundContainerError: e.o2Red10,
-            backgroundContainerHover: r(e.darkModeBlack, 0.05),
-            backgroundContainerPressed: r(e.darkModeBlack, 0.08),
-            backgroundContainerBrand: `linear-gradient(180deg, ${e.darkBlue} 0%, ${e.beyondBlue} 64%, ${e.beyondBlue45} 100%)`,
-            backgroundContainerBrandHover: r(e.darkModeBlack, 0.2),
-            backgroundContainerBrandPressed: r(e.darkModeBlack, 0.4),
-            backgroundContainerBrandOverInverse: e.beyondBlue70,
-            backgroundContainerNegative: r(e.darkModeBlack, 0.4),
-            backgroundContainerBrandOverBrand: e.beyondBlue70,
-            backgroundContainerAlternative: e.grey20,
-            backgroundOverlay: r(e.black, 0.6),
-            backgroundSkeleton: e.grey30,
-            backgroundSkeletonInverse: e.beyondBlue70,
-            backgroundSkeletonNegative: r(e.black, 0.2),
-            backgroundSkeletonBrand: e.beyondBlue70,
-            backgroundBrandTop: e.darkBlue,
-            backgroundBrandBottom: e.beyondBlue45,
-            appBarBackground: e.white,
-            navigationBarBackground: e.darkBlue,
-            backgroundDropZoneHover: r(e.beyondBlue, 0.05),
-            backgroundDropZoneDragover: r(e.beyondBlue, 0.08),
-            backgroundDropZoneBrandHover: r(e.beyondBlue90, 0.2),
-            backgroundDropZoneBrandDragover: r(e.beyondBlue90, 0.4),
-            backgroundDropZoneNegativeHover: r(e.white, 0.1),
-            backgroundDropZoneNegativeDragover: r(e.white, 0.17),
-            backgroundDropZoneMediaHover: r(e.beyondBlue90, 0.2),
-            backgroundDropZoneMediaDragover: r(e.beyondBlue90, 0.4),
-            skeletonWave: e.grey30,
-            borderLow: e.grey20,
-            border: e.grey30,
-            borderHigh: e.grey80,
-            borderSelected: e.beyondBlue,
-            coverBackgroundHover: r(e.darkModeBlack, 0.25),
-            coverBackgroundPressed: r(e.darkModeBlack, 0.35),
-            buttonDangerBackground: e.o2Red60,
-            buttonDangerBackgroundPressed: e.o2Red65,
-            buttonDangerBackgroundHover: e.o2Red65,
-            buttonLinkDangerBackgroundInverse: e.white,
-            buttonLinkDangerBackgroundNegative: e.white,
-            buttonLinkDangerBackgroundBrand: e.white,
-            buttonLinkDangerBackgroundMedia: e.white,
-            buttonLinkDangerBackgroundPressed: e.o2Red10,
-            buttonLinkDangerBackgroundInversePressed: e.o2Red10,
-            buttonLinkDangerBackgroundNegativePressed: e.o2Red10,
-            buttonLinkDangerBackgroundBrandPressed: e.o2Red10,
-            buttonLinkDangerBackgroundMediaPressed: e.o2Red10,
-            buttonLinkBackgroundPressed: e.beyondBlue10,
-            buttonLinkBackgroundInversePressed: r(e.white, 0.08),
-            buttonLinkBackgroundNegativePressed: r(e.white, 0.08),
-            buttonLinkBackgroundBrandPressed: r(e.white, 0.08),
-            buttonLinkBackgroundMediaPressed: r(e.white, 0.08),
-            buttonPrimaryBackground: e.beyondBlue,
-            buttonPrimaryBackgroundInverse: e.white,
-            buttonPrimaryBackgroundNegative: e.white,
-            buttonPrimaryBackgroundBrand: e.white,
-            buttonPrimaryBackgroundMedia: e.white,
-            buttonPrimaryBackgroundHover: e.beyondBlue70,
-            buttonPrimaryBackgroundInverseHover: e.beyondBlue10,
-            buttonPrimaryBackgroundNegativeHover: e.beyondBlue10,
-            buttonPrimaryBackgroundBrandHover: e.beyondBlue10,
-            buttonPrimaryBackgroundMediaHover: e.beyondBlue10,
-            buttonPrimaryBackgroundPressed: e.beyondBlue70,
-            buttonPrimaryBackgroundInversePressed: e.beyondBlue15,
-            buttonPrimaryBackgroundNegativePressed: e.beyondBlue15,
-            buttonPrimaryBackgroundBrandPressed: e.beyondBlue15,
-            buttonPrimaryBackgroundMediaPressed: e.beyondBlue15,
-            buttonSecondaryBackgroundBrand: r(e.white, 0),
-            buttonSecondaryBorder: e.beyondBlue,
-            buttonSecondaryBorderInverse: e.white,
-            buttonSecondaryBorderNegative: e.white,
-            buttonSecondaryBorderBrand: e.white,
-            buttonSecondaryBorderMedia: e.white,
-            buttonSecondaryBorderPressed: e.beyondBlue70,
-            buttonSecondaryBorderInversePressed: e.beyondBlue30,
-            buttonSecondaryBorderNegativePressed: e.beyondBlue30,
-            buttonSecondaryBorderBrandPressed: e.beyondBlue30,
-            buttonSecondaryBorderMediaPressed: e.beyondBlue30,
-            buttonSecondaryBackgroundHover: e.beyondBlue10,
-            buttonSecondaryBackgroundInverseHover: r(e.white, 0.15),
-            buttonSecondaryBackgroundNegativeHover: r(e.white, 0.15),
-            buttonSecondaryBackgroundBrandHover: r(e.white, 0.15),
-            buttonSecondaryBackgroundMediaHover: r(e.white, 0.15),
-            buttonSecondaryBackgroundPressed: e.beyondBlue10,
-            buttonSecondaryBackgroundInversePressed: r(e.white, 0.15),
-            buttonSecondaryBackgroundNegativePressed: r(e.white, 0.15),
-            buttonSecondaryBackgroundBrandPressed: r(e.white, 0.15),
-            buttonSecondaryBackgroundMediaPressed: r(e.white, 0.15),
-            textButtonPrimary: e.white,
-            textButtonPrimaryInverse: e.beyondBlue,
-            textButtonPrimaryNegative: e.beyondBlue,
-            textButtonPrimaryBrand: e.beyondBlue,
-            textButtonPrimaryMedia: e.beyondBlue,
-            textButtonPrimaryInversePressed: e.beyondBlue70,
-            textButtonPrimaryNegativePressed: e.beyondBlue70,
-            textButtonPrimaryBrandPressed: e.beyondBlue70,
-            textButtonPrimaryMediaPressed: e.beyondBlue70,
-            textButtonSecondary: e.beyondBlue,
-            textButtonSecondaryInverse: e.white,
-            textButtonSecondaryNegative: e.white,
-            textButtonSecondaryBrand: e.white,
-            textButtonSecondaryMedia: e.white,
-            textButtonSecondaryPressed: e.beyondBlue70,
-            textButtonSecondaryInversePressed: e.white,
-            textButtonSecondaryNegativePressed: e.white,
-            textButtonSecondaryBrandPressed: e.white,
-            textButtonSecondaryMediaPressed: e.white,
-            textLink: e.beyondBlue,
-            textLinkInverse: e.white,
-            textLinkNegative: e.white,
-            textLinkBrand: e.white,
-            textLinkMedia: e.white,
-            textLinkDanger: e.o2Red65,
-            textLinkDangerMedia: e.o2Red65,
-            textLinkSnackbar: e.beyondBlue30,
-            textActivated: e.beyondBlue,
-            textBrand: e.beyondBlue,
-            inputBorder: e.grey45,
-            inputBorderInverse: e.white,
-            inputBorderNegative: e.white,
-            inputBorderBrand: e.white,
-            completedStep: e.beyondBlue,
-            completedStepInverse: e.beyondBlue70,
-            completedStepNegative: e.beyondBlue70,
-            completedStepBrand: e.beyondBlue70,
-            control: e.grey45,
-            controlActivated: e.beyondBlue,
-            controlInverse: e.white,
-            controlNegative: e.white,
-            controlBrand: e.white,
-            controlActivatedInverse: e.white,
-            controlActivatedNegative: e.white,
-            controlActivatedBrand: e.white,
-            controlError: e.o2Red60,
-            chevronIndicator: e.grey60,
-            barTrack: e.grey30,
-            barTrackInverse: r(e.white, 0.3),
-            barTrackNegative: r(e.white, 0.3),
-            barTrackBrand: r(e.white, 0.3),
-            loadingBar: e.beyondBlue,
-            loadingBarBackground: e.grey20,
-            toggleAndroidInactive: e.grey30,
-            toggleAndroidBackgroundActive: e.beyondBlue15,
-            toggleAndroidActiveBrand: e.white,
-            toggleAndroidInactiveBrand: e.grey30,
-            toggleAndroidBackgroundActiveBrand: e.beyondBlue15,
-            toggleAndroidBackgroundInactiveBrand: e.white,
-            iosControlKnob: e.white,
-            controlKnobInverse: e.beyondBlue,
-            controlKnobNegative: e.beyondBlue,
-            controlKnobBrand: e.beyondBlue,
-            divider: e.grey30,
-            dividerInverse: r(e.white, 0.2),
-            dividerNegative: r(e.white, 0.2),
-            dividerBrand: r(e.white, 0.2),
-            navigationBarDivider: e.darkBlue,
-            badge: e.o2Red65,
-            feedbackErrorBackground: e.o2Red60,
-            feedbackInfoBackground: e.black,
-            brand: e.beyondBlue,
-            brandHigh: e.beyondBlue70,
-            inverse: e.white,
-            negative: e.white,
-            neutralHigh: e.black,
-            neutralHighNegative: e.white,
-            neutralHighBrand: e.white,
-            neutralMedium: e.grey60,
-            neutralMediumInverse: e.grey60,
-            neutralMediumNegative: e.grey60,
-            neutralMediumBrand: e.grey60,
-            neutralLow: e.grey20,
-            neutralLowAlternative: e.grey30,
-            textPrimary: e.black,
-            textPrimaryInverse: e.white,
-            textPrimaryNegative: e.white,
-            textPrimaryBrand: e.white,
-            textPrimaryMedia: e.white,
-            textSecondary: e.grey60,
-            textSecondaryInverse: e.beyondBlue10,
-            textSecondaryNegative: e.beyondBlue10,
-            textSecondaryBrand: e.beyondBlue10,
-            textSecondaryMedia: e.white,
-            success: e.o2Green,
-            warning: e.o2Orange60,
-            error: e.o2Red65,
-            textError: e.o2Red65,
-            textErrorInverse: e.white,
-            textErrorNegative: e.white,
-            textErrorBrand: e.white,
-            promo: e.o2Pink,
-            highlight: e.o2Pink80,
-            successLow: e.o2Green10,
-            warningLow: e.o2Orange10,
-            errorLow: e.o2Red10,
-            promoLow: e.o2Pink15,
-            brandLow: e.beyondBlue10,
-            successHigh: e.o2Green80,
-            warningHigh: e.o2Orange75,
-            errorHigh: e.o2Red65,
-            promoHigh: e.o2Pink80,
-            successHighInverse: e.o2Green80,
-            successHighNegative: e.o2Green80,
-            successHighBrand: e.o2Green80,
-            warningHighInverse: e.o2Orange75,
-            warningHighNegative: e.o2Orange75,
-            warningHighBrand: e.o2Orange75,
-            errorHighInverse: e.o2Red65,
-            errorHighNegative: e.o2Red65,
-            errorHighBrand: e.o2Red65,
-            promoHighInverse: e.o2Pink80,
-            promoHighNegative: e.o2Pink80,
-            promoHighBrand: e.o2Pink80,
-            textNavigationBarPrimary: e.white,
-            textNavigationBarSecondary: e.beyondBlue30,
-            textNavigationSearchBarHint: e.beyondBlue30,
-            textNavigationSearchBarText: e.white,
-            textAppBar: e.grey60,
-            textAppBarSelected: e.beyondBlue,
-            iosGlassAppBar: e.black,
-            iosGlassAppBarSelected: e.beyondBlue55,
-            customTabsBackground: e.beyondBlue,
-            tagTextPromo: e.o2Pink80,
-            tagTextActive: e.beyondBlue,
-            tagTextInactive: e.grey60,
-            tagTextInfo: e.beyondBlue,
-            tagTextSuccess: e.o2Green80,
-            tagTextWarning: e.o2Orange75,
-            tagTextError: e.o2Red65,
-            tagBackgroundPromo: e.o2Pink15,
-            tagBackgroundActive: e.beyondBlue10,
-            tagBackgroundInactive: e.grey20,
-            tagBackgroundInfo: e.beyondBlue10,
-            tagBackgroundSuccess: e.o2Green10,
-            tagBackgroundWarning: e.o2Orange10,
-            tagBackgroundError: e.o2Red10,
-            tagTextPromoInverse: e.o2Pink80,
-            tagTextPromoNegative: e.o2Pink80,
-            tagTextPromoBrand: e.o2Pink80,
-            tagTextActiveInverse: e.beyondBlue,
-            tagTextActiveNegative: e.beyondBlue,
-            tagTextActiveBrand: e.beyondBlue,
-            tagTextInactiveInverse: e.grey60,
-            tagTextInactiveNegative: e.grey60,
-            tagTextInactiveBrand: e.grey60,
-            tagTextInfoInverse: e.beyondBlue,
-            tagTextInfoNegative: e.beyondBlue,
-            tagTextInfoBrand: e.beyondBlue,
-            tagTextSuccessInverse: e.o2Green80,
-            tagTextSuccessNegative: e.o2Green80,
-            tagTextSuccessBrand: e.o2Green80,
-            tagTextWarningInverse: e.o2Orange75,
-            tagTextWarningNegative: e.o2Orange75,
-            tagTextWarningBrand: e.o2Orange75,
-            tagTextErrorInverse: e.o2Red65,
-            tagTextErrorNegative: e.o2Red65,
-            tagTextErrorBrand: e.o2Red65,
-            tagBackgroundPromoInverse: e.o2Pink15,
-            tagBackgroundPromoNegative: e.o2Pink15,
-            tagBackgroundPromoBrand: e.o2Pink15,
-            tagBackgroundActiveInverse: e.beyondBlue10,
-            tagBackgroundActiveNegative: e.beyondBlue10,
-            tagBackgroundActiveBrand: e.beyondBlue10,
-            tagBackgroundInactiveInverse: e.grey20,
-            tagBackgroundInactiveNegative: e.grey20,
-            tagBackgroundInactiveBrand: e.grey20,
-            tagBackgroundInfoInverse: e.beyondBlue10,
-            tagBackgroundInfoNegative: e.beyondBlue10,
-            tagBackgroundInfoBrand: e.beyondBlue10,
-            tagBackgroundSuccessInverse: e.o2Green10,
-            tagBackgroundSuccessNegative: e.o2Green10,
-            tagBackgroundSuccessBrand: e.o2Green10,
-            tagBackgroundWarningInverse: e.o2Orange10,
-            tagBackgroundWarningNegative: e.o2Orange10,
-            tagBackgroundWarningBrand: e.o2Orange10,
-            tagBackgroundErrorInverse: e.o2Red10,
-            tagBackgroundErrorNegative: e.o2Red10,
-            tagBackgroundErrorBrand: e.o2Red10,
-            cardContentOverlay: `linear-gradient(180deg, ${r(e.black, 0)} 0%, ${r(e.black, 0.4)} 30%, ${r(e.black, 0.7)} 100%)`,
-            cardFooterOverlay: r(e.black, 0.7)
-        },
-        darkModeColors: {
-            background: e.darkModeBlack,
-            backgroundAlternative: e.darkModeBlack,
-            backgroundBrand: e.darkModeBlack,
-            backgroundNegative: e.darkModeBlack,
-            backgroundBrandSecondary: e.darkModeBlack,
-            backgroundContainer: e.darkModeGrey,
-            backgroundContainerError: e.darkModeGrey,
-            backgroundContainerHover: r(e.white, 0.05),
-            backgroundContainerPressed: r(e.white, 0.08),
-            backgroundContainerBrand: e.darkModeGrey,
-            backgroundContainerBrandHover: r(e.white, 0.03),
-            backgroundContainerBrandPressed: r(e.white, 0.05),
-            backgroundContainerBrandOverInverse: e.darkModeGrey,
-            backgroundContainerNegative: e.darkModeGrey,
-            backgroundContainerBrandOverBrand: e.darkModeGrey,
-            backgroundContainerAlternative: e.darkModeGrey,
-            backgroundOverlay: r(e.darkModeGrey, 0.8),
-            backgroundSkeleton: e.darkModeGrey6,
-            backgroundSkeletonInverse: e.darkModeGrey6,
-            backgroundSkeletonNegative: e.darkModeGrey6,
-            backgroundSkeletonBrand: e.darkModeGrey6,
-            backgroundBrandTop: e.darkModeBlack,
-            backgroundBrandBottom: e.darkModeBlack,
-            appBarBackground: e.darkModeGrey,
-            backgroundDropZoneHover: r(e.white, 0.05),
-            backgroundDropZoneDragover: r(e.white, 0.08),
-            backgroundDropZoneBrandHover: r(e.white, 0.03),
-            backgroundDropZoneBrandDragover: r(e.white, 0.05),
-            backgroundDropZoneNegativeHover: r(e.white, 0.03),
-            backgroundDropZoneNegativeDragover: r(e.white, 0.05),
-            backgroundDropZoneMediaHover: r(e.white, 0.03),
-            backgroundDropZoneMediaDragover: r(e.white, 0.05),
-            navigationBarBackground: e.darkModeBlack,
-            skeletonWave: e.grey80,
-            borderLow: e.darkModeBlack,
-            border: e.darkModeGrey,
-            borderHigh: e.grey45,
-            borderSelected: e.beyondBlue30,
-            coverBackgroundHover: r(e.darkModeBlack, 0.25),
-            coverBackgroundPressed: r(e.darkModeBlack, 0.35),
-            buttonDangerBackground: e.o2Red60,
-            buttonDangerBackgroundPressed: e.o2Red65,
-            buttonDangerBackgroundHover: e.o2Red65,
-            buttonLinkDangerBackgroundInverse: r(e.white, 0),
-            buttonLinkDangerBackgroundNegative: r(e.white, 0),
-            buttonLinkDangerBackgroundBrand: r(e.white, 0),
-            buttonLinkDangerBackgroundMedia: e.white,
-            buttonLinkDangerBackgroundPressed: r(e.white, 0.08),
-            buttonLinkDangerBackgroundInversePressed: r(e.white, 0.08),
-            buttonLinkDangerBackgroundNegativePressed: r(e.white, 0.08),
-            buttonLinkDangerBackgroundBrandPressed: r(e.white, 0.08),
-            buttonLinkDangerBackgroundMediaPressed: e.o2Red10,
-            buttonLinkBackgroundPressed: r(e.white, 0.08),
-            buttonLinkBackgroundInversePressed: r(e.white, 0.08),
-            buttonLinkBackgroundNegativePressed: r(e.white, 0.08),
-            buttonLinkBackgroundBrandPressed: r(e.white, 0.08),
-            buttonLinkBackgroundMediaPressed: r(e.white, 0.08),
-            buttonPrimaryBackground: e.darkModeBeyondBlue,
-            buttonPrimaryBackgroundInverse: e.darkModeBeyondBlue,
-            buttonPrimaryBackgroundNegative: e.darkModeBeyondBlue,
-            buttonPrimaryBackgroundBrand: e.darkModeBeyondBlue,
-            buttonPrimaryBackgroundMedia: e.white,
-            buttonPrimaryBackgroundHover: e.beyondBlue55,
-            buttonPrimaryBackgroundInverseHover: e.beyondBlue55,
-            buttonPrimaryBackgroundNegativeHover: e.beyondBlue55,
-            buttonPrimaryBackgroundBrandHover: e.beyondBlue55,
-            buttonPrimaryBackgroundMediaHover: e.beyondBlue10,
-            buttonPrimaryBackgroundPressed: e.beyondBlue55,
-            buttonPrimaryBackgroundInversePressed: e.beyondBlue55,
-            buttonPrimaryBackgroundNegativePressed: e.beyondBlue55,
-            buttonPrimaryBackgroundBrandPressed: e.beyondBlue55,
-            buttonPrimaryBackgroundMediaPressed: e.beyondBlue15,
-            buttonSecondaryBackgroundBrand: r(e.white, 0),
-            buttonSecondaryBorder: e.white,
-            buttonSecondaryBorderInverse: e.white,
-            buttonSecondaryBorderNegative: e.white,
-            buttonSecondaryBorderBrand: e.white,
-            buttonSecondaryBorderMedia: e.white,
-            buttonSecondaryBorderPressed: e.white,
-            buttonSecondaryBorderInversePressed: e.white,
-            buttonSecondaryBorderNegativePressed: e.white,
-            buttonSecondaryBorderBrandPressed: e.white,
-            buttonSecondaryBorderMediaPressed: e.beyondBlue30,
-            buttonSecondaryBackgroundHover: r(e.white, 0.15),
-            buttonSecondaryBackgroundInverseHover: r(e.white, 0.15),
-            buttonSecondaryBackgroundNegativeHover: r(e.white, 0.15),
-            buttonSecondaryBackgroundBrandHover: r(e.white, 0.15),
-            buttonSecondaryBackgroundMediaHover: r(e.white, 0.15),
-            buttonSecondaryBackgroundPressed: r(e.white, 0.15),
-            buttonSecondaryBackgroundInversePressed: r(e.white, 0.15),
-            buttonSecondaryBackgroundNegativePressed: r(e.white, 0.15),
-            buttonSecondaryBackgroundBrandPressed: r(e.white, 0.15),
-            buttonSecondaryBackgroundMediaPressed: r(e.white, 0.15),
-            textButtonPrimary: e.white,
-            textButtonPrimaryInverse: e.white,
-            textButtonPrimaryNegative: e.white,
-            textButtonPrimaryBrand: e.white,
-            textButtonPrimaryMedia: e.beyondBlue,
-            textButtonPrimaryInversePressed: e.white,
-            textButtonPrimaryNegativePressed: e.white,
-            textButtonPrimaryBrandPressed: e.white,
-            textButtonPrimaryMediaPressed: e.beyondBlue70,
-            textButtonSecondary: e.grey30,
-            textButtonSecondaryInverse: e.grey30,
-            textButtonSecondaryNegative: e.grey30,
-            textButtonSecondaryBrand: e.grey30,
-            textButtonSecondaryMedia: e.white,
-            textButtonSecondaryPressed: e.grey30,
-            textButtonSecondaryInversePressed: e.grey30,
-            textButtonSecondaryNegativePressed: e.grey30,
-            textButtonSecondaryBrandPressed: e.grey30,
-            textButtonSecondaryMediaPressed: e.white,
-            textLink: e.beyondBlue40,
-            textLinkInverse: e.beyondBlue40,
-            textLinkNegative: e.beyondBlue40,
-            textLinkBrand: e.beyondBlue40,
-            textLinkMedia: e.white,
-            textLinkDanger: e.o2Red45,
-            textLinkDangerMedia: e.o2Red65,
-            textLinkSnackbar: e.beyondBlue30,
-            textActivated: e.beyondBlue30,
-            textBrand: e.beyondBlue30,
-            inputBorder: e.grey45,
-            inputBorderInverse: e.grey45,
-            inputBorderNegative: e.grey45,
-            inputBorderBrand: e.grey45,
-            completedStep: e.darkModeBeyondBlue,
-            completedStepInverse: e.darkModeBeyondBlue,
-            completedStepNegative: e.darkModeBeyondBlue,
-            completedStepBrand: e.darkModeBeyondBlue,
-            control: e.grey45,
-            controlActivated: e.darkModeBeyondBlue,
-            controlInverse: e.grey45,
-            controlNegative: e.grey45,
-            controlBrand: e.grey45,
-            controlActivatedInverse: e.darkModeBeyondBlue,
-            controlActivatedNegative: e.darkModeBeyondBlue,
-            controlActivatedBrand: e.darkModeBeyondBlue,
-            controlError: e.o2Red45,
-            chevronIndicator: e.grey60,
-            barTrack: e.darkModeGrey6,
-            barTrackInverse: e.darkModeGrey6,
-            barTrackNegative: e.darkModeGrey6,
-            barTrackBrand: e.darkModeGrey6,
-            loadingBar: e.darkModeBeyondBlue,
-            loadingBarBackground: e.darkModeGrey6,
-            toggleAndroidInactive: e.grey20,
-            toggleAndroidBackgroundActive: e.beyondBlue15,
-            toggleAndroidActiveBrand: e.darkModeBeyondBlue,
-            toggleAndroidInactiveBrand: e.grey20,
-            toggleAndroidBackgroundActiveBrand: e.beyondBlue15,
-            toggleAndroidBackgroundInactiveBrand: e.grey45,
-            iosControlKnob: e.grey30,
-            controlKnobInverse: e.grey30,
-            controlKnobNegative: e.grey30,
-            controlKnobBrand: e.grey30,
-            badge: e.o2Red65,
-            feedbackErrorBackground: e.o2Red60,
-            feedbackInfoBackground: e.darkModeGrey6,
-            divider: r(e.white, 0.1),
-            dividerInverse: r(e.white, 0.1),
-            dividerNegative: r(e.white, 0.1),
-            dividerBrand: r(e.white, 0.1),
-            navigationBarDivider: e.darkModeBlack,
-            brand: e.beyondBlue30,
-            brandHigh: r(e.white, 0.05),
-            inverse: e.grey30,
-            negative: e.grey30,
-            neutralHigh: e.grey30,
-            neutralHighBrand: e.grey30,
-            neutralHighNegative: e.grey30,
-            neutralMedium: e.grey60,
-            neutralMediumInverse: e.grey60,
-            neutralMediumNegative: e.grey60,
-            neutralMediumBrand: e.grey60,
-            neutralLow: e.darkModeGrey6,
-            neutralLowAlternative: e.darkModeGrey6,
-            textPrimary: e.grey30,
-            textPrimaryInverse: e.grey30,
-            textPrimaryNegative: e.grey30,
-            textPrimaryBrand: e.grey30,
-            textPrimaryMedia: e.white,
-            textSecondary: e.grey45,
-            textSecondaryInverse: e.grey45,
-            textSecondaryNegative: e.grey45,
-            textSecondaryBrand: e.grey45,
-            textSecondaryMedia: e.white,
-            success: e.o2Green,
-            warning: e.o2Orange,
-            error: e.o2Red45,
-            textError: e.o2Red45,
-            textErrorInverse: e.o2Red45,
-            textErrorNegative: e.o2Red45,
-            textErrorBrand: e.o2Red45,
-            promo: e.o2Pink,
-            highlight: e.o2Pink,
-            successLow: e.darkModeGrey6,
-            warningLow: e.darkModeGrey6,
-            errorLow: e.darkModeGrey6,
-            promoLow: e.darkModeGrey6,
-            brandLow: e.darkModeGrey6,
-            successHigh: e.o2Green40,
-            warningHigh: e.o2Orange40,
-            errorHigh: e.o2Red40,
-            promoHigh: e.o2Pink30,
-            successHighInverse: e.o2Green80,
-            successHighNegative: e.o2Green80,
-            successHighBrand: e.o2Green80,
-            warningHighInverse: e.o2Orange75,
-            warningHighNegative: e.o2Orange75,
-            warningHighBrand: e.o2Orange75,
-            errorHighInverse: e.o2Red65,
-            errorHighNegative: e.o2Red65,
-            errorHighBrand: e.o2Red65,
-            promoHighInverse: e.o2Pink,
-            promoHighNegative: e.o2Pink,
-            promoHighBrand: e.o2Pink,
-            textNavigationBarPrimary: e.grey30,
-            textNavigationBarSecondary: e.grey45,
-            textNavigationSearchBarHint: e.grey45,
-            textNavigationSearchBarText: e.grey30,
-            textAppBar: e.grey45,
-            textAppBarSelected: e.beyondBlue40,
-            iosGlassAppBar: e.white,
-            iosGlassAppBarSelected: e.beyondBlue15,
-            customTabsBackground: e.darkModeBlack,
-            tagTextPromo: e.o2Pink,
-            tagTextActive: e.beyondBlue30,
-            tagTextInactive: e.grey40,
-            tagTextInfo: e.beyondBlue30,
-            tagTextSuccess: e.o2Green,
-            tagTextWarning: e.o2Orange,
-            tagTextError: e.o2Red45,
-            tagBackgroundPromo: e.darkModeGrey6,
-            tagBackgroundActive: e.darkModeGrey6,
-            tagBackgroundInactive: e.darkModeGrey6,
-            tagBackgroundInfo: e.darkModeGrey6,
-            tagBackgroundSuccess: e.darkModeGrey6,
-            tagBackgroundWarning: e.darkModeGrey6,
-            tagBackgroundError: e.darkModeGrey6,
-            tagTextPromoInverse: e.o2Pink,
-            tagTextPromoNegative: e.o2Pink,
-            tagTextPromoBrand: e.o2Pink,
-            tagTextActiveInverse: e.beyondBlue30,
-            tagTextActiveNegative: e.beyondBlue30,
-            tagTextActiveBrand: e.beyondBlue30,
-            tagTextInactiveInverse: e.grey40,
-            tagTextInactiveNegative: e.grey40,
-            tagTextInactiveBrand: e.grey40,
-            tagTextInfoInverse: e.beyondBlue30,
-            tagTextInfoNegative: e.beyondBlue30,
-            tagTextInfoBrand: e.beyondBlue30,
-            tagTextSuccessInverse: e.o2Green,
-            tagTextSuccessNegative: e.o2Green,
-            tagTextSuccessBrand: e.o2Green,
-            tagTextWarningInverse: e.o2Orange,
-            tagTextWarningNegative: e.o2Orange,
-            tagTextWarningBrand: e.o2Orange,
-            tagTextErrorInverse: e.o2Red45,
-            tagTextErrorNegative: e.o2Red45,
-            tagTextErrorBrand: e.o2Red45,
-            tagBackgroundPromoInverse: e.darkModeGrey6,
-            tagBackgroundPromoNegative: e.darkModeGrey6,
-            tagBackgroundPromoBrand: e.darkModeGrey6,
-            tagBackgroundActiveInverse: e.darkModeGrey6,
-            tagBackgroundActiveNegative: e.darkModeGrey6,
-            tagBackgroundActiveBrand: e.darkModeGrey6,
-            tagBackgroundInactiveInverse: e.darkModeGrey6,
-            tagBackgroundInactiveNegative: e.darkModeGrey6,
-            tagBackgroundInactiveBrand: e.darkModeGrey6,
-            tagBackgroundInfoInverse: e.darkModeGrey6,
-            tagBackgroundInfoNegative: e.darkModeGrey6,
-            tagBackgroundInfoBrand: e.darkModeGrey6,
-            tagBackgroundSuccessInverse: e.darkModeGrey6,
-            tagBackgroundSuccessNegative: e.darkModeGrey6,
-            tagBackgroundSuccessBrand: e.darkModeGrey6,
-            tagBackgroundWarningInverse: e.darkModeGrey6,
-            tagBackgroundWarningNegative: e.darkModeGrey6,
-            tagBackgroundWarningBrand: e.darkModeGrey6,
-            tagBackgroundErrorInverse: e.darkModeGrey6,
-            tagBackgroundErrorNegative: e.darkModeGrey6,
-            tagBackgroundErrorBrand: e.darkModeGrey6,
-            cardContentOverlay: `linear-gradient(180deg, ${r(e.black, 0)} 0%, ${r(e.black, 0.4)} 30%, ${r(e.black, 0.7)} 100%)`,
-            cardFooterOverlay: r(e.black, 0.7)
-        },
-        borderRadii: {
-            avatar: "50%",
-            bar: "999px",
-            button: "32px",
-            checkbox: "2px",
-            container: "16px",
-            indicator: "24px",
-            chip: "24px",
-            tag: "24px",
-            input: "12px",
-            legacyDisplay: "16px",
-            popup: "8px",
-            sheet: "16px",
-            mediaSmall: "8px"
-        },
-        textPresets: {
-            button: {
-                weight: "medium"
-            },
-            cardDescriptionDefault: {
-                lineHeight: {
-                    desktop: 24,
-                    mobile: 20
-                },
-                size: {
-                    desktop: 16,
-                    mobile: 14
-                }
-            },
-            cardDescriptionSnap: {
-                lineHeight: {
-                    desktop: 24,
-                    mobile: 20
-                },
-                size: {
-                    desktop: 16,
-                    mobile: 14
-                }
-            },
-            cardPretitleDefault: {
-                lineHeight: {
-                    desktop: 24,
-                    mobile: 20
-                },
-                size: {
-                    desktop: 16,
-                    mobile: 14
-                }
-            },
-            cardPretitleSnap: {
-                lineHeight: {
-                    desktop: 24,
-                    mobile: 20
-                },
-                size: {
-                    desktop: 16,
-                    mobile: 14
-                }
-            },
-            cardSubtitleDefault: {
-                lineHeight: {
-                    desktop: 24,
-                    mobile: 20
-                },
-                size: {
-                    desktop: 16,
-                    mobile: 14
-                }
-            },
-            cardSubtitleSnap: {
-                lineHeight: {
-                    desktop: 24,
-                    mobile: 20
-                },
-                size: {
-                    desktop: 16,
-                    mobile: 14
-                }
-            },
-            cardTitle: {
-                weight: "medium"
-            },
-            cardTitleDefault: {
-                lineHeight: {
-                    desktop: 28,
-                    mobile: 24
-                },
-                size: {
-                    desktop: 20,
-                    mobile: 18
-                }
-            },
-            cardTitleSnap: {
-                lineHeight: {
-                    desktop: 24,
-                    mobile: 20
-                },
-                size: {
-                    desktop: 16,
-                    mobile: 14
-                }
-            },
-            chipLabel: {
-                lineHeight: {
-                    desktop: 24,
-                    mobile: 20
-                },
-                size: {
-                    desktop: 16,
-                    mobile: 14
-                },
-                weight: "medium"
-            },
-            drawerTitle: {
-                lineHeight: {
-                    desktop: 32,
-                    mobile: 24
-                },
-                size: {
-                    desktop: 28,
-                    mobile: 20
-                },
-                weight: "bold"
-            },
-            indicator: {
-                weight: "medium"
-            },
-            inputHelperText: {
-                lineHeight: {
-                    desktop: 20,
-                    mobile: 16
-                },
-                size: {
-                    desktop: 14,
-                    mobile: 12
-                }
-            },
-            inputLabel: {
-                lineHeight: {
-                    desktop: 20,
-                    mobile: 16
-                },
-                size: {
-                    desktop: 14,
-                    mobile: 12
-                }
-            },
-            inputValue: {
-                lineHeight: {
-                    desktop: 24,
-                    mobile: 24
-                },
-                size: {
-                    desktop: 18,
-                    mobile: 16
-                }
-            },
-            link: {
-                weight: "medium"
-            },
-            loadingScreenTitle: {
-                lineHeight: {
-                    desktop: 28,
-                    mobile: 24
-                },
-                size: {
-                    desktop: 20,
-                    mobile: 18
-                }
-            },
-            navigationBar: {
-                weight: "medium"
-            },
-            rowTitle: {
-                weight: "regular"
-            },
-            stepperStepLabel: {
-                lineHeight: {
-                    desktop: 24,
-                    mobile: 20
-                },
-                size: {
-                    desktop: 16,
-                    mobile: 14
-                }
-            },
-            tabsLabel: {
-                lineHeight: {
-                    desktop: 24,
-                    mobile: 24
-                },
-                size: {
-                    desktop: 18,
-                    mobile: 16
-                },
-                weight: "medium"
-            },
-            text1: {
-                lineHeight: {
-                    desktop: 20,
-                    mobile: 16
-                },
-                size: {
-                    desktop: 14,
-                    mobile: 12
-                }
-            },
-            text2: {
-                lineHeight: {
-                    desktop: 24,
-                    mobile: 20
-                },
-                size: {
-                    desktop: 16,
-                    mobile: 14
-                }
-            },
-            text3: {
-                lineHeight: {
-                    desktop: 24,
-                    mobile: 24
-                },
-                size: {
-                    desktop: 18,
-                    mobile: 16
-                }
-            },
-            text4: {
-                lineHeight: {
-                    desktop: 28,
-                    mobile: 24
-                },
-                size: {
-                    desktop: 20,
-                    mobile: 18
-                }
-            },
-            text5: {
-                lineHeight: {
-                    desktop: 32,
-                    mobile: 24
-                },
-                size: {
-                    desktop: 28,
-                    mobile: 20
-                },
-                weight: "bold"
-            },
-            text6: {
-                lineHeight: {
-                    desktop: 40,
-                    mobile: 32
-                },
-                size: {
-                    desktop: 32,
-                    mobile: 24
-                },
-                weight: "bold"
-            },
-            text7: {
-                lineHeight: {
-                    desktop: 48,
-                    mobile: 32
-                },
-                size: {
-                    desktop: 40,
-                    mobile: 28
-                },
-                weight: "bold"
-            },
-            text8: {
-                lineHeight: {
-                    desktop: 56,
-                    mobile: 40
-                },
-                size: {
-                    desktop: 48,
-                    mobile: 32
-                },
-                weight: "bold"
-            },
-            text9: {
-                lineHeight: {
-                    desktop: 64,
-                    mobile: 48
-                },
-                size: {
-                    desktop: 56,
-                    mobile: 40
-                },
-                weight: "bold"
-            },
-            text10: {
-                lineHeight: {
-                    desktop: 72,
-                    mobile: 56
-                },
-                size: {
-                    desktop: 64,
-                    mobile: 48
-                },
-                weight: "bold"
-            },
-            title1: {
-                lineHeight: {
-                    desktop: 20,
-                    mobile: 16
-                },
-                size: {
-                    desktop: 14,
-                    mobile: 12
-                },
-                weight: "medium"
-            },
-            title2: {
-                lineHeight: {
-                    desktop: 24,
-                    mobile: 24
-                },
-                size: {
-                    desktop: 18,
-                    mobile: 16
-                },
-                weight: "bold"
-            },
-            title3: {
-                lineHeight: {
-                    desktop: 32,
-                    mobile: 24
-                },
-                size: {
-                    desktop: 28,
-                    mobile: 20
-                },
-                weight: "bold"
-            },
-            title4: {
-                lineHeight: {
-                    desktop: 40,
-                    mobile: 32
-                },
-                size: {
-                    desktop: 32,
-                    mobile: 24
-                },
-                weight: "bold"
-            }
-        },
-        themeVariants: {
-            successFeedback: "inverse",
-            brandLoadingScreen: "inverse"
-        },
-        spacing: {
-            buttonDefaultPadding: {
-                left: {
-                    mobile: 16,
-                    desktop: 16
-                },
-                right: {
-                    mobile: 16,
-                    desktop: 16
-                }
-            },
-            buttonSmallPadding: {
-                left: {
-                    mobile: 12,
-                    desktop: 12
-                },
-                right: {
-                    mobile: 12,
-                    desktop: 12
-                }
-            },
-            cardDefaultPadding: {
-                top: {
-                    mobile: 16,
-                    desktop: 24
-                },
-                bottom: {
-                    mobile: 16,
-                    desktop: 24
-                },
-                left: {
-                    mobile: 16,
-                    desktop: 24
-                },
-                right: {
-                    mobile: 16,
-                    desktop: 24
-                }
-            },
-            inputPadding: {
-                top: {
-                    mobile: 8,
-                    desktop: 8
-                },
-                bottom: {
-                    mobile: 8,
-                    desktop: 8
-                }
-            },
-            tagPadding: {
-                top: {
-                    mobile: 4,
-                    desktop: 4
-                },
-                bottom: {
-                    mobile: 4,
-                    desktop: 4
-                }
-            },
-            feedbackScreenPadding: {
-                top: {
-                    mobile: 64,
-                    desktop: 64
-                },
-                bottom: {
-                    mobile: 16,
-                    desktop: 64
-                },
-                left: {
-                    mobile: 16,
-                    desktop: 64
-                },
-                right: {
-                    mobile: 16,
-                    desktop: 64
-                }
-            },
-            heroPadding: {
-                top: {
-                    mobile: 24,
-                    desktop: 56
-                },
-                bottom: {
-                    mobile: 24,
-                    desktop: 56
-                }
-            },
-            headerPadding: {
-                top: {
-                    mobile: 24,
-                    desktop: 48
-                },
-                bottom: {
-                    mobile: 24,
-                    desktop: 48
-                }
-            },
-            drawerPadding: {
-                top: {
-                    mobile: 32,
-                    desktop: 40
-                },
-                bottom: {
-                    mobile: 16,
-                    desktop: 24
-                },
-                left: {
-                    mobile: 16,
-                    desktop: 40
-                },
-                right: {
-                    mobile: 16,
-                    desktop: 40
-                }
-            }
-        }
-    });
-export { d as getO2NewSkin, e as palette };