@telefonica/mistica 16.70.0 → 16.72.0

package/dist-es/skins/tu.js

@@ -1,1087 +0,0 @@
-import { TU_SKIN as t } from "./constants.js";
-import { applyAlpha as r } from "../utils/color.js";
-const e = {
-    primary: "#2B3447",
-    primary10: "#EAEBED",
-    primary15: "#D5D6DA",
-    primary45: "#555D6C",
-    primary65: "#202735",
-    primary80: "#161A24",
-    blue: "#4343FF",
-    blue10: "#ECECFF",
-    blue20: "#C7C7FF",
-    blue30: "#A1A1FF",
-    blue70: "#3232B9",
-    orange: "#EFE384",
-    orange20: "#FAF7DA",
-    orange55: "#D5C77D",
-    orange65: "#BBAF6F",
-    orange70: "#958946",
-    red: "#CB4D3A",
-    red10: "#FAEDEB",
-    red40: "#DB8275",
-    red55: "#BB4736",
-    red70: "#8E3629",
-    red80: "#5B231A",
-    green: "#00D19D",
-    green10: "#E5FAF5",
-    green40: "#A1DFCF",
-    green75: "#007D5E",
-    grey1: "#F2F4FF",
-    grey2: "#D1D5E4",
-    grey3: "#B0B6CA",
-    grey4: "#8F97AF",
-    grey5: "#6E7894",
-    grey6: "#58617A",
-    grey7: "#414B61",
-    grey8: "#2B3447",
-    grey9: "#031A34",
-    white: "#FFFFFF",
-    black: "#000000",
-    darkModeBlack: "#161A24",
-    darkModeGrey: "#202735",
-    darkModeGrey6: "#2B3447"
-}, d = ()=>({
-        name: t,
-        colors: {
-            appBarBackground: e.white,
-            background: e.white,
-            backgroundContainer: e.white,
-            backgroundContainerError: e.red10,
-            backgroundContainerHover: r(e.grey9, 0.05),
-            backgroundContainerPressed: r(e.grey9, 0.08),
-            backgroundContainerBrand: e.primary,
-            backgroundContainerBrandHover: r(e.grey9, 0.2),
-            backgroundContainerBrandPressed: r(e.grey9, 0.4),
-            backgroundContainerBrandOverInverse: e.primary80,
-            backgroundContainerNegative: r(e.grey1, 0.2),
-            backgroundContainerBrandOverBrand: e.primary80,
-            backgroundContainerAlternative: e.grey1,
-            backgroundBrand: e.primary,
-            backgroundNegative: e.primary80,
-            backgroundBrandSecondary: e.blue,
-            backgroundOverlay: r(e.primary, 0.8),
-            backgroundSkeleton: e.grey2,
-            backgroundSkeletonInverse: e.primary65,
-            backgroundSkeletonNegative: r(e.black, 0.2),
-            backgroundSkeletonBrand: e.primary65,
-            navigationBarBackground: e.primary,
-            backgroundAlternative: e.grey1,
-            backgroundBrandTop: e.primary,
-            backgroundBrandBottom: e.primary,
-            backgroundDropZoneHover: r(e.blue70, 0.08),
-            backgroundDropZoneDragover: e.blue10,
-            backgroundDropZoneBrandHover: r(e.grey9, 0.2),
-            backgroundDropZoneBrandDragover: r(e.grey9, 0.4),
-            backgroundDropZoneNegativeHover: r(e.white, 0.1),
-            backgroundDropZoneNegativeDragover: r(e.white, 0.17),
-            backgroundDropZoneMediaHover: r(e.grey9, 0.2),
-            backgroundDropZoneMediaDragover: r(e.grey9, 0.4),
-            skeletonWave: e.grey2,
-            borderLow: e.grey1,
-            border: e.grey2,
-            borderHigh: e.grey5,
-            borderSelected: e.blue,
-            coverBackgroundHover: r(e.grey9, 0.25),
-            coverBackgroundPressed: r(e.grey9, 0.35),
-            buttonDangerBackground: e.red,
-            buttonDangerBackgroundPressed: e.red55,
-            buttonDangerBackgroundHover: e.red55,
-            buttonLinkDangerBackgroundInverse: e.white,
-            buttonLinkDangerBackgroundNegative: e.white,
-            buttonLinkDangerBackgroundBrand: e.white,
-            buttonLinkDangerBackgroundMedia: e.white,
-            buttonLinkDangerBackgroundPressed: e.red10,
-            buttonLinkDangerBackgroundInversePressed: e.red10,
-            buttonLinkDangerBackgroundNegativePressed: e.red10,
-            buttonLinkDangerBackgroundBrandPressed: e.red10,
-            buttonLinkDangerBackgroundMediaPressed: e.red10,
-            buttonLinkBackgroundPressed: e.blue10,
-            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.primary,
-            buttonPrimaryBackgroundInverse: e.white,
-            buttonPrimaryBackgroundNegative: e.white,
-            buttonPrimaryBackgroundBrand: e.white,
-            buttonPrimaryBackgroundMedia: e.white,
-            buttonPrimaryBackgroundHover: e.primary45,
-            buttonPrimaryBackgroundInverseHover: r(e.white, 0.8),
-            buttonPrimaryBackgroundNegativeHover: r(e.white, 0.8),
-            buttonPrimaryBackgroundBrandHover: r(e.white, 0.8),
-            buttonPrimaryBackgroundMediaHover: r(e.white, 0.8),
-            buttonPrimaryBackgroundPressed: e.primary45,
-            buttonPrimaryBackgroundInversePressed: r(e.white, 0.8),
-            buttonPrimaryBackgroundNegativePressed: r(e.white, 0.8),
-            buttonPrimaryBackgroundBrandPressed: r(e.white, 0.8),
-            buttonPrimaryBackgroundMediaPressed: r(e.white, 0.8),
-            buttonSecondaryBackgroundBrand: r(e.white, 0),
-            buttonSecondaryBorder: e.blue,
-            buttonSecondaryBorderInverse: e.white,
-            buttonSecondaryBorderNegative: e.white,
-            buttonSecondaryBorderBrand: e.white,
-            buttonSecondaryBorderMedia: e.white,
-            buttonSecondaryBorderPressed: e.blue70,
-            buttonSecondaryBorderInversePressed: e.white,
-            buttonSecondaryBorderNegativePressed: e.white,
-            buttonSecondaryBorderBrandPressed: e.white,
-            buttonSecondaryBorderMediaPressed: e.white,
-            buttonSecondaryBackgroundHover: e.blue10,
-            buttonSecondaryBackgroundInverseHover: r(e.white, 0.1),
-            buttonSecondaryBackgroundNegativeHover: r(e.white, 0.1),
-            buttonSecondaryBackgroundBrandHover: r(e.white, 0.1),
-            buttonSecondaryBackgroundMediaHover: r(e.white, 0.1),
-            buttonSecondaryBackgroundPressed: e.blue10,
-            buttonSecondaryBackgroundInversePressed: r(e.white, 0.1),
-            buttonSecondaryBackgroundNegativePressed: r(e.white, 0.1),
-            buttonSecondaryBackgroundBrandPressed: r(e.white, 0.1),
-            buttonSecondaryBackgroundMediaPressed: r(e.white, 0.1),
-            textButtonPrimary: e.white,
-            textButtonPrimaryInverse: e.primary,
-            textButtonPrimaryNegative: e.primary,
-            textButtonPrimaryBrand: e.primary,
-            textButtonPrimaryMedia: e.primary,
-            textButtonPrimaryInversePressed: e.primary,
-            textButtonPrimaryNegativePressed: e.primary,
-            textButtonPrimaryBrandPressed: e.primary,
-            textButtonPrimaryMediaPressed: e.primary,
-            textButtonSecondary: e.blue,
-            textButtonSecondaryInverse: e.white,
-            textButtonSecondaryNegative: e.white,
-            textButtonSecondaryBrand: e.white,
-            textButtonSecondaryMedia: e.white,
-            textButtonSecondaryPressed: e.blue70,
-            textButtonSecondaryInversePressed: e.white,
-            textButtonSecondaryNegativePressed: e.white,
-            textButtonSecondaryBrandPressed: e.white,
-            textButtonSecondaryMediaPressed: e.white,
-            textLink: e.blue,
-            textLinkInverse: e.white,
-            textLinkNegative: e.white,
-            textLinkBrand: e.white,
-            textLinkMedia: e.white,
-            textLinkDanger: e.red,
-            textLinkDangerMedia: e.red,
-            textLinkSnackbar: e.white,
-            textActivated: e.primary,
-            textBrand: e.blue,
-            inputBorder: e.grey5,
-            inputBorderInverse: e.white,
-            inputBorderNegative: e.white,
-            inputBorderBrand: e.white,
-            completedStep: e.primary,
-            completedStepInverse: e.primary80,
-            completedStepNegative: e.primary80,
-            completedStepBrand: e.primary80,
-            control: e.grey5,
-            controlActivated: e.primary,
-            controlInverse: e.white,
-            controlNegative: e.white,
-            controlBrand: e.white,
-            controlActivatedInverse: e.white,
-            controlActivatedNegative: e.white,
-            controlActivatedBrand: e.white,
-            controlError: e.red,
-            chevronIndicator: e.grey5,
-            barTrack: e.grey2,
-            barTrackInverse: r(e.white, 0.36),
-            barTrackNegative: r(e.white, 0.36),
-            barTrackBrand: r(e.white, 0.36),
-            loadingBar: e.green40,
-            loadingBarBackground: e.green,
-            toggleAndroidInactive: e.grey2,
-            toggleAndroidBackgroundActive: e.primary15,
-            toggleAndroidActiveBrand: e.white,
-            toggleAndroidInactiveBrand: e.grey2,
-            toggleAndroidBackgroundActiveBrand: e.primary15,
-            toggleAndroidBackgroundInactiveBrand: e.white,
-            iosControlKnob: e.white,
-            controlKnobInverse: e.primary,
-            controlKnobNegative: e.primary,
-            controlKnobBrand: e.primary,
-            divider: e.grey2,
-            dividerInverse: r(e.white, 0.2),
-            dividerNegative: r(e.white, 0.2),
-            dividerBrand: r(e.white, 0.2),
-            navigationBarDivider: e.primary,
-            badge: e.blue,
-            feedbackErrorBackground: e.red,
-            feedbackInfoBackground: e.primary,
-            brand: e.blue,
-            brandHigh: e.blue70,
-            inverse: e.white,
-            negative: e.white,
-            neutralHigh: e.grey9,
-            neutralHighNegative: e.white,
-            neutralHighBrand: e.white,
-            neutralMedium: e.grey5,
-            neutralMediumInverse: e.grey5,
-            neutralMediumNegative: e.grey5,
-            neutralMediumBrand: e.grey5,
-            neutralLow: e.grey1,
-            neutralLowAlternative: e.grey2,
-            textPrimary: e.grey9,
-            textPrimaryInverse: e.white,
-            textPrimaryNegative: e.white,
-            textPrimaryBrand: e.white,
-            textPrimaryMedia: e.white,
-            textSecondary: e.grey6,
-            textSecondaryInverse: e.grey3,
-            textSecondaryNegative: e.grey3,
-            textSecondaryBrand: e.grey3,
-            textSecondaryMedia: e.white,
-            error: e.red,
-            textError: e.red,
-            textErrorInverse: e.white,
-            textErrorNegative: e.white,
-            textErrorBrand: e.white,
-            success: e.green,
-            warning: e.orange,
-            promo: e.blue,
-            highlight: e.red40,
-            successLow: e.green10,
-            warningLow: e.orange20,
-            errorLow: e.red10,
-            promoLow: e.blue10,
-            brandLow: e.blue10,
-            successHigh: e.green75,
-            warningHigh: e.orange70,
-            errorHigh: e.red70,
-            promoHigh: e.blue,
-            successHighInverse: e.green75,
-            successHighNegative: e.green75,
-            successHighBrand: e.green75,
-            warningHighInverse: e.orange70,
-            warningHighNegative: e.orange70,
-            warningHighBrand: e.orange70,
-            errorHighInverse: e.red70,
-            errorHighNegative: e.red70,
-            errorHighBrand: e.red70,
-            promoHighInverse: e.blue,
-            promoHighNegative: e.blue,
-            promoHighBrand: e.blue,
-            textNavigationBarPrimary: e.white,
-            textNavigationBarSecondary: e.grey1,
-            textNavigationSearchBarHint: e.grey1,
-            textNavigationSearchBarText: e.white,
-            textAppBar: e.grey6,
-            textAppBarSelected: e.primary,
-            iosGlassAppBar: e.grey9,
-            iosGlassAppBarSelected: e.primary,
-            customTabsBackground: e.white,
-            tagTextPromo: e.blue,
-            tagTextActive: e.blue,
-            tagTextInactive: e.grey5,
-            tagTextInfo: e.blue,
-            tagTextSuccess: e.green75,
-            tagTextWarning: e.orange70,
-            tagTextError: e.red70,
-            tagBackgroundPromo: e.blue10,
-            tagBackgroundActive: e.blue10,
-            tagBackgroundInactive: e.grey1,
-            tagBackgroundInfo: e.blue10,
-            tagBackgroundSuccess: e.green10,
-            tagBackgroundWarning: e.orange20,
-            tagBackgroundError: e.red10,
-            tagTextPromoInverse: e.blue,
-            tagTextPromoNegative: e.blue,
-            tagTextPromoBrand: e.blue,
-            tagTextActiveInverse: e.blue,
-            tagTextActiveNegative: e.blue,
-            tagTextActiveBrand: e.blue,
-            tagTextInactiveInverse: e.grey5,
-            tagTextInactiveNegative: e.grey5,
-            tagTextInactiveBrand: e.grey5,
-            tagTextInfoInverse: e.blue,
-            tagTextInfoNegative: e.blue,
-            tagTextInfoBrand: e.blue,
-            tagTextSuccessInverse: e.green75,
-            tagTextSuccessNegative: e.green75,
-            tagTextSuccessBrand: e.green75,
-            tagTextWarningInverse: e.orange70,
-            tagTextWarningNegative: e.orange70,
-            tagTextWarningBrand: e.orange70,
-            tagTextErrorInverse: e.red70,
-            tagTextErrorNegative: e.red70,
-            tagTextErrorBrand: e.red70,
-            tagBackgroundPromoInverse: e.blue10,
-            tagBackgroundPromoNegative: e.blue10,
-            tagBackgroundPromoBrand: e.blue10,
-            tagBackgroundActiveInverse: e.blue10,
-            tagBackgroundActiveNegative: e.blue10,
-            tagBackgroundActiveBrand: e.blue10,
-            tagBackgroundInactiveInverse: e.grey1,
-            tagBackgroundInactiveNegative: e.grey1,
-            tagBackgroundInactiveBrand: e.grey1,
-            tagBackgroundInfoInverse: e.blue10,
-            tagBackgroundInfoNegative: e.blue10,
-            tagBackgroundInfoBrand: e.blue10,
-            tagBackgroundSuccessInverse: e.green10,
-            tagBackgroundSuccessNegative: e.green10,
-            tagBackgroundSuccessBrand: e.green10,
-            tagBackgroundWarningInverse: e.orange20,
-            tagBackgroundWarningNegative: e.orange20,
-            tagBackgroundWarningBrand: e.orange20,
-            tagBackgroundErrorInverse: e.red10,
-            tagBackgroundErrorNegative: e.red10,
-            tagBackgroundErrorBrand: e.red10,
-            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,
-            navigationBarBackground: e.darkModeBlack,
-            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),
-            skeletonWave: e.grey5,
-            borderLow: e.darkModeBlack,
-            border: e.darkModeGrey,
-            borderHigh: e.grey5,
-            borderSelected: e.blue30,
-            coverBackgroundHover: r(e.darkModeBlack, 0.25),
-            coverBackgroundPressed: r(e.darkModeBlack, 0.35),
-            buttonDangerBackground: e.red,
-            buttonDangerBackgroundPressed: e.red80,
-            buttonDangerBackgroundHover: e.red80,
-            buttonLinkDangerBackgroundInverse: r(e.white, 0),
-            buttonLinkDangerBackgroundNegative: r(e.white, 0),
-            buttonLinkDangerBackgroundBrand: r(e.white, 0),
-            buttonLinkDangerBackgroundMedia: e.white,
-            buttonLinkDangerBackgroundPressed: e.red10,
-            buttonLinkDangerBackgroundInversePressed: e.red10,
-            buttonLinkDangerBackgroundNegativePressed: e.red10,
-            buttonLinkDangerBackgroundBrandPressed: e.red10,
-            buttonLinkDangerBackgroundMediaPressed: e.red10,
-            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.grey2,
-            buttonPrimaryBackgroundInverse: e.grey2,
-            buttonPrimaryBackgroundNegative: e.grey2,
-            buttonPrimaryBackgroundBrand: e.grey2,
-            buttonPrimaryBackgroundMedia: e.white,
-            buttonPrimaryBackgroundHover: e.grey3,
-            buttonPrimaryBackgroundInverseHover: e.grey3,
-            buttonPrimaryBackgroundNegativeHover: e.grey3,
-            buttonPrimaryBackgroundBrandHover: e.grey3,
-            buttonPrimaryBackgroundMediaHover: r(e.white, 0.8),
-            buttonPrimaryBackgroundPressed: e.grey3,
-            buttonPrimaryBackgroundInversePressed: e.grey3,
-            buttonPrimaryBackgroundNegativePressed: e.grey3,
-            buttonPrimaryBackgroundBrandPressed: e.grey3,
-            buttonPrimaryBackgroundMediaPressed: r(e.white, 0.8),
-            buttonSecondaryBackgroundBrand: r(e.white, 0),
-            buttonSecondaryBorder: e.grey2,
-            buttonSecondaryBorderInverse: e.grey2,
-            buttonSecondaryBorderNegative: e.grey2,
-            buttonSecondaryBorderBrand: e.grey2,
-            buttonSecondaryBorderMedia: e.white,
-            buttonSecondaryBorderPressed: e.grey2,
-            buttonSecondaryBorderInversePressed: e.grey2,
-            buttonSecondaryBorderNegativePressed: e.grey2,
-            buttonSecondaryBorderBrandPressed: e.grey2,
-            buttonSecondaryBorderMediaPressed: e.white,
-            buttonSecondaryBackgroundHover: r(e.grey2, 0.15),
-            buttonSecondaryBackgroundInverseHover: r(e.grey2, 0.15),
-            buttonSecondaryBackgroundNegativeHover: r(e.grey2, 0.15),
-            buttonSecondaryBackgroundBrandHover: r(e.grey2, 0.15),
-            buttonSecondaryBackgroundMediaHover: r(e.white, 0.1),
-            buttonSecondaryBackgroundPressed: r(e.grey2, 0.15),
-            buttonSecondaryBackgroundInversePressed: r(e.grey2, 0.15),
-            buttonSecondaryBackgroundNegativePressed: r(e.grey2, 0.15),
-            buttonSecondaryBackgroundBrandPressed: r(e.grey2, 0.15),
-            buttonSecondaryBackgroundMediaPressed: r(e.white, 0.1),
-            textButtonPrimary: e.primary,
-            textButtonPrimaryInverse: e.primary,
-            textButtonPrimaryNegative: e.primary,
-            textButtonPrimaryBrand: e.primary,
-            textButtonPrimaryMedia: e.primary,
-            textButtonPrimaryInversePressed: e.primary,
-            textButtonPrimaryNegativePressed: e.primary,
-            textButtonPrimaryBrandPressed: e.primary,
-            textButtonPrimaryMediaPressed: e.primary,
-            textButtonSecondary: e.grey2,
-            textButtonSecondaryInverse: e.grey2,
-            textButtonSecondaryNegative: e.grey2,
-            textButtonSecondaryBrand: e.grey2,
-            textButtonSecondaryMedia: e.white,
-            textButtonSecondaryPressed: e.grey2,
-            textButtonSecondaryInversePressed: e.grey2,
-            textButtonSecondaryNegativePressed: e.grey2,
-            textButtonSecondaryBrandPressed: e.grey2,
-            textButtonSecondaryMediaPressed: e.white,
-            textLink: e.blue30,
-            textLinkInverse: e.blue30,
-            textLinkNegative: e.blue30,
-            textLinkBrand: e.blue30,
-            textLinkMedia: e.white,
-            textLinkDanger: e.red,
-            textLinkDangerMedia: e.red,
-            textLinkSnackbar: e.blue30,
-            textActivated: e.blue30,
-            textBrand: e.blue30,
-            inputBorder: e.grey5,
-            inputBorderInverse: e.grey5,
-            inputBorderNegative: e.grey5,
-            inputBorderBrand: e.grey5,
-            completedStep: e.grey2,
-            completedStepInverse: e.grey2,
-            completedStepNegative: e.grey2,
-            completedStepBrand: e.grey2,
-            control: e.darkModeGrey6,
-            controlActivated: e.blue30,
-            controlInverse: e.darkModeGrey6,
-            controlNegative: e.darkModeGrey6,
-            controlBrand: e.darkModeGrey6,
-            controlActivatedInverse: e.blue30,
-            controlActivatedNegative: e.blue30,
-            controlActivatedBrand: e.blue30,
-            controlError: e.red,
-            chevronIndicator: e.grey5,
-            barTrack: e.darkModeGrey6,
-            barTrackInverse: e.darkModeGrey6,
-            barTrackNegative: e.darkModeGrey6,
-            barTrackBrand: e.darkModeGrey6,
-            loadingBar: e.green40,
-            loadingBarBackground: e.green,
-            toggleAndroidInactive: e.grey4,
-            toggleAndroidBackgroundActive: e.blue20,
-            toggleAndroidActiveBrand: e.blue30,
-            toggleAndroidInactiveBrand: e.grey4,
-            toggleAndroidBackgroundActiveBrand: e.blue20,
-            toggleAndroidBackgroundInactiveBrand: e.darkModeGrey6,
-            iosControlKnob: e.grey2,
-            controlKnobInverse: e.grey2,
-            controlKnobNegative: e.grey2,
-            controlKnobBrand: e.grey2,
-            divider: r(e.white, 0.05),
-            dividerInverse: r(e.white, 0.05),
-            dividerNegative: r(e.white, 0.05),
-            dividerBrand: r(e.white, 0.05),
-            navigationBarDivider: e.darkModeBlack,
-            badge: e.blue30,
-            feedbackErrorBackground: e.red,
-            feedbackInfoBackground: e.darkModeGrey,
-            brand: e.blue30,
-            brandHigh: r(e.white, 0.05),
-            inverse: e.grey2,
-            negative: e.grey2,
-            neutralHigh: e.grey2,
-            neutralHighBrand: e.grey2,
-            neutralHighNegative: e.grey2,
-            neutralMedium: e.grey5,
-            neutralMediumInverse: e.grey5,
-            neutralMediumNegative: e.grey5,
-            neutralMediumBrand: e.grey5,
-            neutralLow: e.darkModeGrey6,
-            neutralLowAlternative: e.darkModeGrey6,
-            textPrimary: e.grey2,
-            textPrimaryInverse: e.grey2,
-            textPrimaryNegative: e.grey2,
-            textPrimaryBrand: e.grey2,
-            textPrimaryMedia: e.white,
-            textSecondary: e.grey3,
-            textSecondaryInverse: e.grey3,
-            textSecondaryNegative: e.grey3,
-            textSecondaryBrand: e.grey3,
-            textSecondaryMedia: e.white,
-            error: e.red,
-            textError: e.red,
-            textErrorInverse: e.red,
-            textErrorNegative: e.red,
-            textErrorBrand: e.red,
-            success: e.green,
-            warning: e.orange,
-            promo: e.blue,
-            highlight: e.red40,
-            successLow: e.darkModeGrey6,
-            warningLow: e.darkModeGrey6,
-            errorLow: e.darkModeGrey6,
-            promoLow: e.darkModeGrey6,
-            brandLow: e.darkModeGrey6,
-            successHigh: e.green40,
-            warningHigh: e.orange55,
-            errorHigh: e.red40,
-            promoHigh: e.blue30,
-            successHighInverse: e.green75,
-            successHighNegative: e.green75,
-            successHighBrand: e.green75,
-            warningHighInverse: e.orange70,
-            warningHighNegative: e.orange70,
-            warningHighBrand: e.orange70,
-            errorHighInverse: e.red70,
-            errorHighNegative: e.red70,
-            errorHighBrand: e.red70,
-            promoHighInverse: e.blue70,
-            promoHighNegative: e.blue70,
-            promoHighBrand: e.blue70,
-            textNavigationBarPrimary: e.grey2,
-            textNavigationBarSecondary: e.grey4,
-            textNavigationSearchBarHint: e.grey4,
-            textNavigationSearchBarText: e.grey2,
-            textAppBar: e.grey5,
-            textAppBarSelected: e.grey2,
-            iosGlassAppBar: e.white,
-            iosGlassAppBarSelected: e.blue30,
-            customTabsBackground: e.darkModeBlack,
-            tagTextPromo: e.blue30,
-            tagTextActive: e.blue30,
-            tagTextInactive: e.grey5,
-            tagTextInfo: e.blue30,
-            tagTextSuccess: e.green40,
-            tagTextWarning: e.orange55,
-            tagTextError: e.red40,
-            tagBackgroundPromo: e.darkModeGrey6,
-            tagBackgroundActive: e.darkModeGrey6,
-            tagBackgroundInactive: e.darkModeGrey6,
-            tagBackgroundInfo: e.darkModeGrey6,
-            tagBackgroundSuccess: e.darkModeGrey6,
-            tagBackgroundWarning: e.darkModeGrey6,
-            tagBackgroundError: e.darkModeGrey6,
-            tagTextPromoInverse: e.blue30,
-            tagTextPromoNegative: e.blue30,
-            tagTextPromoBrand: e.blue30,
-            tagTextActiveInverse: e.blue30,
-            tagTextActiveNegative: e.blue30,
-            tagTextActiveBrand: e.blue30,
-            tagTextInactiveInverse: e.grey5,
-            tagTextInactiveNegative: e.grey5,
-            tagTextInactiveBrand: e.grey5,
-            tagTextInfoInverse: e.blue30,
-            tagTextInfoNegative: e.blue30,
-            tagTextInfoBrand: e.blue30,
-            tagTextSuccessInverse: e.green40,
-            tagTextSuccessNegative: e.green40,
-            tagTextSuccessBrand: e.green40,
-            tagTextWarningInverse: e.orange55,
-            tagTextWarningNegative: e.orange55,
-            tagTextWarningBrand: e.orange55,
-            tagTextErrorInverse: e.red40,
-            tagTextErrorNegative: e.red40,
-            tagTextErrorBrand: e.red40,
-            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: "medium"
-            },
-            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: "medium"
-            },
-            text6: {
-                lineHeight: {
-                    desktop: 40,
-                    mobile: 32
-                },
-                size: {
-                    desktop: 32,
-                    mobile: 24
-                },
-                weight: "medium"
-            },
-            text7: {
-                lineHeight: {
-                    desktop: 48,
-                    mobile: 32
-                },
-                size: {
-                    desktop: 40,
-                    mobile: 28
-                },
-                weight: "medium"
-            },
-            text8: {
-                lineHeight: {
-                    desktop: 56,
-                    mobile: 40
-                },
-                size: {
-                    desktop: 48,
-                    mobile: 32
-                },
-                weight: "medium"
-            },
-            text9: {
-                lineHeight: {
-                    desktop: 64,
-                    mobile: 48
-                },
-                size: {
-                    desktop: 56,
-                    mobile: 40
-                },
-                weight: "medium"
-            },
-            text10: {
-                lineHeight: {
-                    desktop: 72,
-                    mobile: 56
-                },
-                size: {
-                    desktop: 64,
-                    mobile: 48
-                },
-                weight: "medium"
-            },
-            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: "medium"
-            },
-            title3: {
-                lineHeight: {
-                    desktop: 32,
-                    mobile: 24
-                },
-                size: {
-                    desktop: 28,
-                    mobile: 20
-                },
-                weight: "medium"
-            },
-            title4: {
-                lineHeight: {
-                    desktop: 40,
-                    mobile: 32
-                },
-                size: {
-                    desktop: 32,
-                    mobile: 24
-                },
-                weight: "medium"
-            }
-        },
-        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 getTuSkin, e as palette };