@telefonica/mistica 16.63.1 → 16.64.0

package/dist-es/community/skins/cyber-skin.js

@@ -0,0 +1,613 @@
+import { applyAlpha as r } from "../../utils/color.js";
+const a = "Cyber", e = {
+    primary: "#00B6F1",
+    primary20: "#E5F6FD",
+    primary30: "#B3E9FB",
+    secondary: "#0072BC",
+    secondary10: "#E5F1F9",
+    secondary20: "#B2D4EC",
+    secondary30: "#80B7DF",
+    secondary60: "#005A99",
+    accent: "#7814B3",
+    accent10: "#F1E7F7",
+    accent30: "#BB89D9",
+    yellow: "#FFA922",
+    yellow10: "#FFF6E9",
+    yellow40: "#FFC364",
+    yellow65: "#D28200",
+    yellow70: "#996614",
+    green: "#30D300",
+    green10: "#EAFBE5",
+    green30: "#97E980",
+    green70: "#1D7F00",
+    red: "#D12937",
+    red10: "#FEECE8",
+    red40: "#F97C5D",
+    red70: "#BC3310",
+    grey1: "#F6F6F6",
+    grey2: "#F2F2F2",
+    grey3: "#DDDDDD",
+    grey4: "#8A8C90",
+    grey5: "#666666",
+    grey6: "#000000",
+    white: "#FFFFFF",
+    darkModeBlack: "#191919",
+    darkModeGrey: "#242424",
+    darkModeGrey5: "#6D7D88",
+    darkModeGrey6: "#313235"
+}, o = ()=>({
+        name: a,
+        colors: {
+            background: e.white,
+            backgroundAlternative: e.primary20,
+            backgroundBrand: e.primary,
+            backgroundNegative: e.secondary,
+            backgroundBrandSecondary: e.primary,
+            backgroundContainer: e.white,
+            backgroundContainerError: e.red10,
+            backgroundContainerHover: r(e.secondary, 0.05),
+            backgroundContainerPressed: r(e.secondary, 0.08),
+            backgroundContainerBrand: e.primary,
+            backgroundContainerBrandHover: r(e.darkModeBlack, 0.05),
+            backgroundContainerBrandPressed: r(e.darkModeBlack, 0.08),
+            backgroundContainerBrandOverInverse: e.primary30,
+            backgroundContainerNegative: r(e.darkModeBlack, 0.4),
+            backgroundContainerBrandOverBrand: e.primary30,
+            backgroundContainerAlternative: e.primary20,
+            backgroundOverlay: r(e.secondary, 0.75),
+            backgroundSkeleton: e.grey3,
+            backgroundSkeletonInverse: e.secondary,
+            backgroundSkeletonNegative: r(e.grey6, 0.2),
+            backgroundSkeletonBrand: e.secondary,
+            backgroundBrandTop: e.primary,
+            backgroundBrandBottom: e.primary,
+            appBarBackground: e.white,
+            navigationBarBackground: e.primary,
+            backgroundDropZoneHover: r(e.secondary, 0.05),
+            backgroundDropZoneDragover: r(e.secondary, 0.08),
+            backgroundDropZoneBrandHover: r(e.grey6, 0.05),
+            backgroundDropZoneBrandDragover: r(e.grey6, 0.08),
+            backgroundDropZoneNegativeHover: r(e.white, 0.1),
+            backgroundDropZoneNegativeDragover: r(e.white, 0.17),
+            backgroundDropZoneMediaHover: r(e.grey6, 0.05),
+            backgroundDropZoneMediaDragover: r(e.grey6, 0.08),
+            skeletonWave: e.grey2,
+            borderLow: e.grey1,
+            border: e.grey3,
+            borderHigh: e.grey5,
+            borderSelected: e.secondary60,
+            completedStep: e.secondary,
+            completedStepInverse: e.secondary60,
+            completedStepNegative: e.secondary60,
+            completedStepBrand: e.secondary60,
+            coverBackgroundHover: r(e.darkModeBlack, 0.25),
+            coverBackgroundPressed: r(e.darkModeBlack, 0.35),
+            buttonDangerBackground: e.red,
+            buttonDangerBackgroundPressed: e.red70,
+            buttonDangerBackgroundHover: e.red70,
+            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.accent10,
+            buttonLinkBackgroundInversePressed: r(e.white, 0.15),
+            buttonLinkBackgroundNegativePressed: r(e.white, 0.15),
+            buttonLinkBackgroundBrandPressed: r(e.white, 0.15),
+            buttonLinkBackgroundMediaPressed: r(e.white, 0.15),
+            buttonPrimaryBackground: e.secondary,
+            buttonPrimaryBackgroundInverse: e.secondary,
+            buttonPrimaryBackgroundNegative: e.white,
+            buttonPrimaryBackgroundBrand: e.secondary,
+            buttonPrimaryBackgroundMedia: e.white,
+            buttonPrimaryBackgroundHover: e.secondary60,
+            buttonPrimaryBackgroundInverseHover: e.secondary60,
+            buttonPrimaryBackgroundNegativeHover: e.primary20,
+            buttonPrimaryBackgroundBrandHover: e.secondary60,
+            buttonPrimaryBackgroundMediaHover: e.primary20,
+            buttonPrimaryBackgroundPressed: e.secondary60,
+            buttonPrimaryBackgroundInversePressed: e.secondary60,
+            buttonPrimaryBackgroundNegativePressed: e.primary30,
+            buttonPrimaryBackgroundBrandPressed: e.secondary60,
+            buttonPrimaryBackgroundMediaPressed: e.primary30,
+            buttonSecondaryBackgroundBrand: e.white,
+            buttonSecondaryBorder: e.secondary,
+            buttonSecondaryBorderInverse: r(e.white, 0),
+            buttonSecondaryBorderNegative: e.white,
+            buttonSecondaryBorderBrand: r(e.white, 0),
+            buttonSecondaryBorderMedia: e.white,
+            buttonSecondaryBorderPressed: e.secondary60,
+            buttonSecondaryBorderInversePressed: r(e.white, 0),
+            buttonSecondaryBorderNegativePressed: e.white,
+            buttonSecondaryBorderBrandPressed: r(e.white, 0),
+            buttonSecondaryBorderMediaPressed: e.white,
+            buttonSecondaryBackgroundHover: e.secondary10,
+            buttonSecondaryBackgroundInverseHover: e.secondary10,
+            buttonSecondaryBackgroundNegativeHover: r(e.white, 0.2),
+            buttonSecondaryBackgroundBrandHover: e.secondary10,
+            buttonSecondaryBackgroundMediaHover: r(e.white, 0.2),
+            buttonSecondaryBackgroundPressed: e.secondary10,
+            buttonSecondaryBackgroundInversePressed: e.secondary10,
+            buttonSecondaryBackgroundNegativePressed: r(e.white, 0.2),
+            buttonSecondaryBackgroundBrandPressed: e.secondary10,
+            buttonSecondaryBackgroundMediaPressed: r(e.white, 0.2),
+            textButtonPrimary: e.white,
+            textButtonPrimaryInverse: e.white,
+            textButtonPrimaryNegative: e.secondary,
+            textButtonPrimaryBrand: e.white,
+            textButtonPrimaryMedia: e.secondary,
+            textButtonPrimaryInversePressed: e.white,
+            textButtonPrimaryNegativePressed: e.secondary60,
+            textButtonPrimaryBrandPressed: e.white,
+            textButtonPrimaryMediaPressed: e.secondary60,
+            textButtonSecondary: e.secondary,
+            textButtonSecondaryInverse: e.secondary,
+            textButtonSecondaryNegative: e.white,
+            textButtonSecondaryBrand: e.secondary,
+            textButtonSecondaryMedia: e.white,
+            textButtonSecondaryPressed: e.secondary60,
+            textButtonSecondaryInversePressed: e.secondary60,
+            textButtonSecondaryNegativePressed: e.white,
+            textButtonSecondaryBrandPressed: e.secondary60,
+            textButtonSecondaryMediaPressed: e.white,
+            textLink: e.accent,
+            textLinkInverse: e.grey6,
+            textLinkNegative: e.white,
+            textLinkBrand: e.grey6,
+            textLinkMedia: e.white,
+            textLinkDanger: e.red,
+            textLinkDangerMedia: e.red,
+            textLinkSnackbar: e.accent30,
+            textActivated: e.secondary,
+            textBrand: e.secondary,
+            inputBorder: e.grey4,
+            inputBorderInverse: e.grey6,
+            inputBorderNegative: e.white,
+            inputBorderBrand: e.grey6,
+            control: e.grey4,
+            controlActivated: e.secondary,
+            controlInverse: e.secondary60,
+            controlNegative: e.primary30,
+            controlBrand: e.secondary60,
+            controlActivatedInverse: e.secondary60,
+            controlActivatedNegative: e.white,
+            controlActivatedBrand: e.secondary60,
+            controlError: e.red,
+            chevronIndicator: e.grey5,
+            barTrack: e.grey3,
+            barTrackInverse: r(e.grey6, 0.2),
+            barTrackNegative: r(e.grey6, 0.2),
+            barTrackBrand: r(e.grey6, 0.2),
+            loadingBar: e.secondary,
+            loadingBarBackground: e.secondary20,
+            toggleAndroidInactive: e.grey2,
+            toggleAndroidBackgroundActive: e.secondary30,
+            toggleAndroidActiveBrand: e.secondary60,
+            toggleAndroidInactiveBrand: e.grey2,
+            toggleAndroidBackgroundActiveBrand: e.secondary30,
+            toggleAndroidBackgroundInactiveBrand: e.grey2,
+            iosControlKnob: e.white,
+            controlKnobInverse: e.primary,
+            controlKnobNegative: e.secondary,
+            controlKnobBrand: e.primary,
+            divider: e.grey3,
+            dividerInverse: r(e.grey6, 0.2),
+            dividerNegative: r(e.white, 0.2),
+            dividerBrand: r(e.grey6, 0.2),
+            navigationBarDivider: e.primary,
+            badge: e.red,
+            feedbackErrorBackground: e.red,
+            feedbackInfoBackground: e.grey6,
+            brand: e.primary,
+            brandHigh: e.secondary60,
+            inverse: e.white,
+            negative: e.white,
+            neutralHigh: e.grey6,
+            neutralHighNegative: e.white,
+            neutralHighBrand: e.grey6,
+            neutralMedium: e.grey5,
+            neutralMediumInverse: e.grey5,
+            neutralMediumNegative: e.grey5,
+            neutralMediumBrand: e.grey5,
+            neutralLow: e.grey1,
+            neutralLowAlternative: e.grey2,
+            textPrimary: e.grey6,
+            textPrimaryInverse: e.grey6,
+            textPrimaryNegative: e.white,
+            textPrimaryBrand: e.grey6,
+            textPrimaryMedia: e.white,
+            textSecondary: e.grey5,
+            textSecondaryInverse: e.grey6,
+            textSecondaryNegative: e.primary20,
+            textSecondaryBrand: e.grey6,
+            textSecondaryMedia: e.white,
+            error: e.red,
+            textError: e.red,
+            textErrorInverse: e.grey6,
+            textErrorNegative: e.white,
+            textErrorBrand: e.grey6,
+            success: e.green70,
+            warning: e.yellow65,
+            promo: e.accent,
+            highlight: e.primary,
+            successLow: e.green10,
+            warningLow: e.yellow10,
+            errorLow: e.red10,
+            promoLow: e.accent10,
+            brandLow: e.primary20,
+            successHigh: e.green70,
+            warningHigh: e.yellow70,
+            errorHigh: e.red70,
+            promoHigh: e.accent,
+            successHighInverse: e.green70,
+            successHighNegative: e.green70,
+            successHighBrand: e.green70,
+            warningHighInverse: e.yellow70,
+            warningHighNegative: e.yellow70,
+            warningHighBrand: e.yellow70,
+            errorHighInverse: e.red70,
+            errorHighNegative: e.red70,
+            errorHighBrand: e.red70,
+            promoHighInverse: e.accent,
+            promoHighNegative: e.accent,
+            promoHighBrand: e.accent,
+            textNavigationBarPrimary: e.grey6,
+            textNavigationBarSecondary: e.grey6,
+            textNavigationSearchBarHint: e.grey6,
+            textNavigationSearchBarText: e.grey6,
+            textAppBar: e.grey5,
+            textAppBarSelected: e.secondary60,
+            iosGlassAppBar: e.grey6,
+            iosGlassAppBarSelected: e.secondary60,
+            customTabsBackground: e.primary,
+            tagTextPromo: e.accent,
+            tagTextActive: e.secondary,
+            tagTextInactive: e.grey5,
+            tagTextInfo: e.secondary,
+            tagTextSuccess: e.green70,
+            tagTextWarning: e.yellow70,
+            tagTextError: e.red70,
+            tagBackgroundPromo: e.accent10,
+            tagBackgroundActive: e.primary20,
+            tagBackgroundInactive: e.grey1,
+            tagBackgroundInfo: e.primary20,
+            tagBackgroundSuccess: e.green10,
+            tagBackgroundWarning: e.yellow10,
+            tagBackgroundError: e.red10,
+            tagTextPromoInverse: e.accent,
+            tagTextPromoNegative: e.accent,
+            tagTextPromoBrand: e.accent,
+            tagTextActiveInverse: e.secondary,
+            tagTextActiveNegative: e.secondary,
+            tagTextActiveBrand: e.secondary,
+            tagTextInactiveInverse: e.grey5,
+            tagTextInactiveNegative: e.grey5,
+            tagTextInactiveBrand: e.grey5,
+            tagTextInfoInverse: e.secondary,
+            tagTextInfoNegative: e.secondary,
+            tagTextInfoBrand: e.secondary,
+            tagTextSuccessInverse: e.green70,
+            tagTextSuccessNegative: e.green70,
+            tagTextSuccessBrand: e.green70,
+            tagTextWarningInverse: e.yellow70,
+            tagTextWarningNegative: e.yellow70,
+            tagTextWarningBrand: e.yellow70,
+            tagTextErrorInverse: e.red70,
+            tagTextErrorNegative: e.red70,
+            tagTextErrorBrand: e.red70,
+            tagBackgroundPromoInverse: e.accent10,
+            tagBackgroundPromoNegative: e.accent10,
+            tagBackgroundPromoBrand: e.accent10,
+            tagBackgroundActiveInverse: e.primary20,
+            tagBackgroundActiveNegative: e.primary20,
+            tagBackgroundActiveBrand: e.primary20,
+            tagBackgroundInactiveInverse: e.grey1,
+            tagBackgroundInactiveNegative: e.grey1,
+            tagBackgroundInactiveBrand: e.grey1,
+            tagBackgroundInfoInverse: e.primary20,
+            tagBackgroundInfoNegative: e.primary20,
+            tagBackgroundInfoBrand: e.primary20,
+            tagBackgroundSuccessInverse: e.green10,
+            tagBackgroundSuccessNegative: e.green10,
+            tagBackgroundSuccessBrand: e.green10,
+            tagBackgroundWarningInverse: e.yellow10,
+            tagBackgroundWarningNegative: e.yellow10,
+            tagBackgroundWarningBrand: e.yellow10,
+            tagBackgroundErrorInverse: e.red10,
+            tagBackgroundErrorNegative: e.red10,
+            tagBackgroundErrorBrand: e.red10,
+            cardContentOverlay: `linear-gradient(180deg, ${r(e.grey6, 0)} 0%, ${r(e.grey6, 0.4)} 30%, ${r(e.grey6, 0.7)} 100%)`,
+            cardFooterOverlay: r(e.grey6, 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.darkModeGrey,
+            backgroundSkeletonInverse: e.darkModeGrey,
+            backgroundSkeletonNegative: e.darkModeGrey,
+            backgroundSkeletonBrand: e.darkModeGrey,
+            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.15),
+            backgroundDropZoneNegativeDragover: r(e.white, 0.15),
+            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.secondary60,
+            completedStep: e.secondary,
+            completedStepInverse: e.secondary,
+            completedStepNegative: e.secondary,
+            completedStepBrand: e.secondary,
+            coverBackgroundHover: r(e.darkModeBlack, 0.25),
+            coverBackgroundPressed: r(e.darkModeBlack, 0.35),
+            buttonDangerBackground: e.red,
+            buttonDangerBackgroundPressed: e.red70,
+            buttonDangerBackgroundHover: e.red70,
+            buttonLinkDangerBackgroundInverse: r(e.white, 0),
+            buttonLinkDangerBackgroundNegative: r(e.white, 0),
+            buttonLinkDangerBackgroundBrand: r(e.white, 0),
+            buttonLinkDangerBackgroundMedia: e.white,
+            buttonLinkDangerBackgroundPressed: r(e.red, 0.3),
+            buttonLinkDangerBackgroundInversePressed: r(e.accent, 0.3),
+            buttonLinkDangerBackgroundNegativePressed: r(e.accent, 0.3),
+            buttonLinkDangerBackgroundBrandPressed: r(e.accent, 0.3),
+            buttonLinkDangerBackgroundMediaPressed: e.red10,
+            buttonLinkBackgroundPressed: r(e.accent, 0.3),
+            buttonLinkBackgroundInversePressed: r(e.accent, 0.3),
+            buttonLinkBackgroundNegativePressed: r(e.accent, 0.3),
+            buttonLinkBackgroundBrandPressed: r(e.accent, 0.3),
+            buttonLinkBackgroundMediaPressed: r(e.white, 0.15),
+            buttonPrimaryBackground: e.secondary,
+            buttonPrimaryBackgroundInverse: e.secondary,
+            buttonPrimaryBackgroundNegative: e.secondary,
+            buttonPrimaryBackgroundBrand: e.secondary,
+            buttonPrimaryBackgroundMedia: e.white,
+            buttonPrimaryBackgroundHover: e.secondary60,
+            buttonPrimaryBackgroundInverseHover: e.secondary60,
+            buttonPrimaryBackgroundNegativeHover: e.secondary60,
+            buttonPrimaryBackgroundBrandHover: e.secondary60,
+            buttonPrimaryBackgroundMediaHover: e.primary20,
+            buttonPrimaryBackgroundPressed: e.secondary60,
+            buttonPrimaryBackgroundInversePressed: e.secondary60,
+            buttonPrimaryBackgroundNegativePressed: e.secondary60,
+            buttonPrimaryBackgroundBrandPressed: e.secondary60,
+            buttonPrimaryBackgroundMediaPressed: e.primary30,
+            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.white,
+            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.2),
+            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.2),
+            textButtonPrimary: e.grey2,
+            textButtonPrimaryInverse: e.grey2,
+            textButtonPrimaryNegative: e.grey2,
+            textButtonPrimaryBrand: e.grey2,
+            textButtonPrimaryMedia: e.secondary,
+            textButtonPrimaryInversePressed: e.grey2,
+            textButtonPrimaryNegativePressed: e.grey2,
+            textButtonPrimaryBrandPressed: e.grey2,
+            textButtonPrimaryMediaPressed: e.secondary60,
+            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.accent30,
+            textLinkInverse: e.accent30,
+            textLinkNegative: e.accent30,
+            textLinkBrand: e.accent30,
+            textLinkMedia: e.white,
+            textLinkDanger: e.red40,
+            textLinkDangerMedia: e.red,
+            textLinkSnackbar: e.accent30,
+            textActivated: e.primary,
+            textBrand: e.primary,
+            inputBorder: e.darkModeGrey5,
+            inputBorderInverse: e.darkModeGrey5,
+            inputBorderNegative: e.darkModeGrey5,
+            inputBorderBrand: e.darkModeGrey5,
+            control: e.grey4,
+            controlActivated: e.secondary,
+            controlInverse: e.grey4,
+            controlNegative: e.grey4,
+            controlBrand: e.grey4,
+            controlActivatedInverse: e.secondary,
+            controlActivatedNegative: e.secondary,
+            controlActivatedBrand: e.secondary,
+            controlError: e.red,
+            chevronIndicator: e.grey4,
+            barTrack: e.grey5,
+            barTrackInverse: e.grey5,
+            barTrackNegative: e.grey5,
+            barTrackBrand: e.grey5,
+            loadingBar: e.primary,
+            loadingBarBackground: e.grey5,
+            toggleAndroidInactive: e.grey3,
+            toggleAndroidBackgroundActive: e.primary30,
+            toggleAndroidActiveBrand: e.secondary60,
+            toggleAndroidInactiveBrand: e.grey3,
+            toggleAndroidBackgroundActiveBrand: e.primary30,
+            toggleAndroidBackgroundInactiveBrand: e.grey4,
+            iosControlKnob: e.grey2,
+            controlKnobInverse: e.grey2,
+            controlKnobNegative: e.grey2,
+            controlKnobBrand: e.grey2,
+            divider: r(e.white, 0.09),
+            dividerInverse: r(e.white, 0.05),
+            dividerNegative: r(e.white, 0.05),
+            dividerBrand: r(e.white, 0.05),
+            navigationBarDivider: e.darkModeBlack,
+            badge: e.red,
+            feedbackErrorBackground: e.red,
+            feedbackInfoBackground: e.darkModeGrey,
+            brand: e.primary,
+            brandHigh: r(e.white, 0.05),
+            inverse: e.grey2,
+            negative: e.grey2,
+            neutralHigh: e.grey2,
+            neutralHighNegative: e.grey2,
+            neutralHighBrand: e.grey2,
+            neutralMedium: e.grey4,
+            neutralMediumInverse: e.grey4,
+            neutralMediumNegative: e.grey4,
+            neutralMediumBrand: e.grey4,
+            neutralLow: e.darkModeGrey6,
+            neutralLowAlternative: e.darkModeGrey6,
+            textPrimary: e.grey2,
+            textPrimaryInverse: e.grey2,
+            textPrimaryNegative: e.grey2,
+            textPrimaryBrand: e.grey2,
+            textPrimaryMedia: e.white,
+            textSecondary: e.grey4,
+            textSecondaryInverse: e.grey4,
+            textSecondaryNegative: e.grey4,
+            textSecondaryBrand: e.grey4,
+            textSecondaryMedia: e.white,
+            error: e.red,
+            textError: e.red40,
+            textErrorInverse: e.red40,
+            textErrorNegative: e.red40,
+            textErrorBrand: e.red40,
+            success: e.green,
+            warning: e.yellow,
+            promo: e.accent,
+            highlight: e.primary,
+            successLow: e.darkModeGrey6,
+            warningLow: e.darkModeGrey6,
+            errorLow: e.darkModeGrey6,
+            promoLow: e.darkModeGrey6,
+            brandLow: e.darkModeGrey6,
+            successHigh: e.green30,
+            warningHigh: e.yellow40,
+            errorHigh: e.red40,
+            promoHigh: e.accent30,
+            successHighInverse: e.green70,
+            successHighNegative: e.green70,
+            successHighBrand: e.green70,
+            warningHighInverse: e.yellow70,
+            warningHighNegative: e.yellow70,
+            warningHighBrand: e.yellow70,
+            errorHighInverse: e.red70,
+            errorHighNegative: e.red70,
+            errorHighBrand: e.red70,
+            promoHighInverse: e.accent,
+            promoHighNegative: e.accent,
+            promoHighBrand: e.accent,
+            textNavigationBarPrimary: e.grey2,
+            textNavigationBarSecondary: e.grey4,
+            textNavigationSearchBarHint: e.grey4,
+            textNavigationSearchBarText: e.grey2,
+            textAppBar: e.grey5,
+            textAppBarSelected: e.grey2,
+            iosGlassAppBar: e.white,
+            iosGlassAppBarSelected: e.white,
+            customTabsBackground: e.darkModeBlack,
+            tagTextPromo: e.accent30,
+            tagTextActive: e.primary,
+            tagTextInactive: e.grey3,
+            tagTextInfo: e.primary,
+            tagTextSuccess: e.green30,
+            tagTextWarning: e.yellow40,
+            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.accent30,
+            tagTextPromoNegative: e.accent30,
+            tagTextPromoBrand: e.accent30,
+            tagTextActiveInverse: e.primary,
+            tagTextActiveNegative: e.primary,
+            tagTextActiveBrand: e.primary,
+            tagTextInactiveInverse: e.grey3,
+            tagTextInactiveNegative: e.grey3,
+            tagTextInactiveBrand: e.grey3,
+            tagTextInfoInverse: e.primary,
+            tagTextInfoNegative: e.primary,
+            tagTextInfoBrand: e.primary,
+            tagTextSuccessInverse: e.green30,
+            tagTextSuccessNegative: e.green30,
+            tagTextSuccessBrand: e.green30,
+            tagTextWarningInverse: e.yellow40,
+            tagTextWarningNegative: e.yellow40,
+            tagTextWarningBrand: e.yellow40,
+            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.grey6, 0)} 0%, ${r(e.grey6, 0.4)} 30%, ${r(e.grey6, 0.7)} 100%)`,
+            cardFooterOverlay: r(e.grey6, 0.7)
+        }
+    });
+export { a as CYBER_SKIN, o as getCyberSkin, e as palette };

package/dist-es/counter.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                   */ var n = "v16_63_1_rijsns0", s = "v16_63_1_rijsns1", r = "v16_63_1_rijsns3 v16_63_1_rijsns2 v16_63_1_1y2v1nfsu v16_63_1_1y2v1nf83 v16_63_1_1y2v1nfq5 v16_63_1_1y2v1nft8", i = "v16_63_1_rijsns4", a = "v16_63_1_rijsns5 v16_63_1_1y2v1nfpy v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqd", t = "v16_63_1_rijsns6", f = "v16_63_1_rijsns8 v16_63_1_rijsns7 v16_63_1_1y2v1nffw v16_63_1_1y2v1nfsm v16_63_1_1y2v1nfpz v16_63_1_1y2v1nfr2 v16_63_1_1y2v1nfri", y = "v16_63_1_rijsnsa v16_63_1_rijsns9 v16_63_1_1y2v1nfpz", j = "v16_63_1_rijsnsb v16_63_1_rijsnsa v16_63_1_rijsns9 v16_63_1_1y2v1nfpz", o = "v16_63_1_rijsnsc v16_63_1_rijsnsa v16_63_1_rijsns9 v16_63_1_1y2v1nfpz", u = "v16_63_1_rijsnse v16_63_1_rijsnsd v16_63_1_1y2v1nfr1 v16_63_1_1y2v1nfrh v16_63_1_1y2v1nfpz v16_63_1_1y2v1nfsu v16_63_1_1y2v1nfdi";
+/* empty css                                     */ /* empty css                                   */ var n = "v16_64_rijsns0", s = "v16_64_rijsns1", r = "v16_64_rijsns3 v16_64_rijsns2 v16_64_1y2v1nfsu v16_64_1y2v1nf83 v16_64_1y2v1nfq5 v16_64_1y2v1nft8", i = "v16_64_rijsns4", a = "v16_64_rijsns5 v16_64_1y2v1nfpy v16_64_1y2v1nfq4 v16_64_1y2v1nfqd", t = "v16_64_rijsns6", f = "v16_64_rijsns8 v16_64_rijsns7 v16_64_1y2v1nffw v16_64_1y2v1nfsm v16_64_1y2v1nfpz v16_64_1y2v1nfr2 v16_64_1y2v1nfri", y = "v16_64_rijsnsa v16_64_rijsns9 v16_64_1y2v1nfpz", j = "v16_64_rijsnsb v16_64_rijsnsa v16_64_rijsns9 v16_64_1y2v1nfpz", o = "v16_64_rijsnsc v16_64_rijsnsa v16_64_rijsns9 v16_64_1y2v1nfpz", u = "v16_64_rijsnse v16_64_rijsnsd v16_64_1y2v1nfr1 v16_64_1y2v1nfrh v16_64_1y2v1nfpz v16_64_1y2v1nfsu v16_64_1y2v1nfdi";
 export { f as button, u as buttonBackground, t as buttonContainer, r as counter, o as decreaseButtonIcon, y as defaultButtonIcon, i as disabled, n as hasTrashIcon, s as isButtonDisabled, j as trashButtonIcon, a as valueContainer };

package/dist-es/cover-hero.css-mistica.js

@@ -1,4 +1,4 @@
 /* empty css                                     */ /* empty css                                             */ /* empty css                                    */ /* empty css                                      */ var r = {
-    aspectRatio: "var(--v16_63_1_moeazi0)"
-}, n = "v16_63_1_moeazi2 v16_63_1_moeazi1 v16_63_1_1y2v1nfpy v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqa v16_63_1_1y2v1nfqd v16_63_1_1y2v1nfqr v16_63_1_1y2v1nfte v16_63_1_1y2v1nfun", i = "v16_63_1_moeazi4 v16_63_1_moeazi3 v16_63_1_1y2v1nfpy v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqr", o = "v16_63_1_moeazi5", y = "v16_63_1_moeazi6", m = "v16_63_1_moeazi7", f = "v16_63_1_moeazi9 v16_63_1_moeazi8 v16_63_1_1y2v1nfqj", t = "v16_63_1_moeazia v16_63_1_1y2v1nfpz v16_63_1_1y2v1nfv2 v16_63_1_1y2v1nfqr v16_63_1_1y2v1nfr8", z = "v16_63_1_moeazic v16_63_1_moeazib v16_63_1_1y2v1nfpz v16_63_1_1y2v1nfte v16_63_1_1y2v1nftt v16_63_1_1y2v1nfqr v16_63_1_1y2v1nfr8", p = "v16_63_1_moeazid v16_63_1_1y2v1nfpy", q = "v16_63_1_moeazie", d = "v16_63_1_moeazif v16_63_1_1y2v1nfpy", s = "v16_63_1_moeazig v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqa";
+    aspectRatio: "var(--v16_64_moeazi0)"
+}, n = "v16_64_moeazi2 v16_64_moeazi1 v16_64_1y2v1nfpy v16_64_1y2v1nfq4 v16_64_1y2v1nfqa v16_64_1y2v1nfqd v16_64_1y2v1nfqr v16_64_1y2v1nfte v16_64_1y2v1nfun", i = "v16_64_moeazi4 v16_64_moeazi3 v16_64_1y2v1nfpy v16_64_1y2v1nfq4 v16_64_1y2v1nfqr", o = "v16_64_moeazi5", y = "v16_64_moeazi6", m = "v16_64_moeazi7", f = "v16_64_moeazi9 v16_64_moeazi8 v16_64_1y2v1nfqj", t = "v16_64_moeazia v16_64_1y2v1nfpz v16_64_1y2v1nfv2 v16_64_1y2v1nfqr v16_64_1y2v1nfr8", z = "v16_64_moeazic v16_64_moeazib v16_64_1y2v1nfpz v16_64_1y2v1nfte v16_64_1y2v1nftt v16_64_1y2v1nfqr v16_64_1y2v1nfr8", p = "v16_64_moeazid v16_64_1y2v1nfpy", q = "v16_64_moeazie", d = "v16_64_moeazif v16_64_1y2v1nfpy", s = "v16_64_moeazig v16_64_1y2v1nfq4 v16_64_1y2v1nfqa";
 export { f as centered, n as coverHero, i as coverHeroContainer, s as flexColumn, m as hasSideExtra, p as mainContent, t as mediaLayer, z as mediaOverlay, y as minHeight, d as sideExtra, q as sixColumns, r as vars, o as withAspectRatio };

package/dist-es/credit-card-number-field.css-mistica.js

@@ -1,5 +1,5 @@
-/* empty css                                     */ /* empty css                                                    */ var y = "v16_63_1_yvyo3q0", q = "v16_63_1_yvyo3q4 v16_63_1_yvyo3q2 v16_63_1_yvyo3q1 v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqj v16_63_1_1y2v1nfqd v16_63_1_1y2v1nfr8 v16_63_1_yvyo3q3 v16_63_1_1y2v1nfpz", o = "v16_63_1_yvyo3q5 v16_63_1_yvyo3q2 v16_63_1_yvyo3q1 v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqj v16_63_1_1y2v1nfqd v16_63_1_1y2v1nfr8", f = {
-    default: "v16_63_1_yvyo3qa v16_63_1_yvyo3q7 v16_63_1_yvyo3q6 v16_63_1_1y2v1nfpy v16_63_1_yvyo3q8",
-    backface: "v16_63_1_yvyo3qb v16_63_1_yvyo3q7 v16_63_1_yvyo3q6 v16_63_1_1y2v1nfpy v16_63_1_yvyo3q9"
+/* empty css                                     */ /* empty css                                                    */ var y = "v16_64_yvyo3q0", q = "v16_64_yvyo3q4 v16_64_yvyo3q2 v16_64_yvyo3q1 v16_64_1y2v1nfq4 v16_64_1y2v1nfqj v16_64_1y2v1nfqd v16_64_1y2v1nfr8 v16_64_yvyo3q3 v16_64_1y2v1nfpz", o = "v16_64_yvyo3q5 v16_64_yvyo3q2 v16_64_yvyo3q1 v16_64_1y2v1nfq4 v16_64_1y2v1nfqj v16_64_1y2v1nfqd v16_64_1y2v1nfr8", f = {
+    default: "v16_64_yvyo3qa v16_64_yvyo3q7 v16_64_yvyo3q6 v16_64_1y2v1nfpy v16_64_yvyo3q8",
+    backface: "v16_64_yvyo3qb v16_64_yvyo3q7 v16_64_yvyo3q6 v16_64_1y2v1nfpy v16_64_yvyo3q9"
 };
 export { y as flip, o as flipBack, q as flipFront, f as variants };

package/dist-es/date-field.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                      */ var p = "v16_63_1_1pntndu0";
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                      */ var p = "v16_64_1pntndu0";
 export { p as iconContainer };

package/dist-es/date-time-picker.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                            */ var e = "v16_63_1_c0yqjy0";
+/* empty css                                            */ var e = "v16_64_c0yqjy0";
 export { e as reactDatePicker };

package/dist-es/dialog.css-mistica.js

@@ -1,5 +1,5 @@
-/* empty css                                     */ /* empty css                                  */ var l = 200, n = "v16_63_1_3dl29l3 v16_63_1_3dl29l2 v16_63_1_1y2v1nfpy", y = "v16_63_1_3dl29l5 v16_63_1_3dl29l4 v16_63_1_1y2v1nfq0 v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqd v16_63_1_1y2v1nfqj v16_63_1_1y2v1nfqa v16_63_1_1y2v1nfte v16_63_1_1y2v1nfu8 v16_63_1_1y2v1nfun v16_63_1_1y2v1nftt v16_63_1_1y2v1nf8e", f = "v16_63_1_3dl29l6", d = "v16_63_1_3dl29l8 v16_63_1_3dl29l7 v16_63_1_1y2v1nfgc v16_63_1_1y2v1nfhl v16_63_1_1y2v1nfiu v16_63_1_1y2v1nfk3 v16_63_1_1y2v1nfpz v16_63_1_1y2v1nfte v16_63_1_1y2v1nfu8", a = "v16_63_1_3dl29la v16_63_1_3dl29l9 v16_63_1_1y2v1nf7y v16_63_1_1y2v1nfsw", r = "v16_63_1_3dl29lb", t = {
-    dialog: "v16_63_1_3dl29lg v16_63_1_3dl29ld v16_63_1_3dl29lc v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqa v16_63_1_1y2v1nfqg v16_63_1_3dl29le v16_63_1_1y2v1nfj0 v16_63_1_1y2v1nfk9 v16_63_1_1y2v1nfgo v16_63_1_1y2v1nfhr",
-    default: "v16_63_1_3dl29lh v16_63_1_3dl29ld v16_63_1_3dl29lc v16_63_1_1y2v1nfq4 v16_63_1_1y2v1nfqa v16_63_1_1y2v1nfqg v16_63_1_3dl29lf v16_63_1_1y2v1nfgi v16_63_1_1y2v1nfhr v16_63_1_1y2v1nfj0 v16_63_1_1y2v1nfk9"
-}, o = "v16_63_1_3dl29lj v16_63_1_3dl29li v16_63_1_1y2v1nfqq v16_63_1_1y2v1nfs4", e = "v16_63_1_3dl29ll v16_63_1_3dl29lk v16_63_1_1y2v1nfgi", i = "v16_63_1_3dl29lm";
+/* empty css                                     */ /* empty css                                  */ var l = 200, n = "v16_64_3dl29l3 v16_64_3dl29l2 v16_64_1y2v1nfpy", y = "v16_64_3dl29l5 v16_64_3dl29l4 v16_64_1y2v1nfq0 v16_64_1y2v1nfq4 v16_64_1y2v1nfqd v16_64_1y2v1nfqj v16_64_1y2v1nfqa v16_64_1y2v1nfte v16_64_1y2v1nfu8 v16_64_1y2v1nfun v16_64_1y2v1nftt v16_64_1y2v1nf8e", f = "v16_64_3dl29l6", d = "v16_64_3dl29l8 v16_64_3dl29l7 v16_64_1y2v1nfgc v16_64_1y2v1nfhl v16_64_1y2v1nfiu v16_64_1y2v1nfk3 v16_64_1y2v1nfpz v16_64_1y2v1nfte v16_64_1y2v1nfu8", a = "v16_64_3dl29la v16_64_3dl29l9 v16_64_1y2v1nf7y v16_64_1y2v1nfsw", r = "v16_64_3dl29lb", t = {
+    dialog: "v16_64_3dl29lg v16_64_3dl29ld v16_64_3dl29lc v16_64_1y2v1nfq4 v16_64_1y2v1nfqa v16_64_1y2v1nfqg v16_64_3dl29le v16_64_1y2v1nfj0 v16_64_1y2v1nfk9 v16_64_1y2v1nfgo v16_64_1y2v1nfhr",
+    default: "v16_64_3dl29lh v16_64_3dl29ld v16_64_3dl29lc v16_64_1y2v1nfq4 v16_64_1y2v1nfqa v16_64_1y2v1nfqg v16_64_3dl29lf v16_64_1y2v1nfgi v16_64_1y2v1nfhr v16_64_1y2v1nfj0 v16_64_1y2v1nfk9"
+}, o = "v16_64_3dl29lj v16_64_3dl29li v16_64_1y2v1nfqq v16_64_1y2v1nfs4", e = "v16_64_3dl29ll v16_64_3dl29lk v16_64_1y2v1nfgi", i = "v16_64_3dl29lm";
 export { l as ANIMATION_DURATION_MS, r as closedModalContent, f as closedOpactityLayer, e as dialogActions, o as dialogContent, i as iconContainer, d as modalCloseButtonContainer, a as modalContent, y as modalOpacityLayer, t as variants, n as wrapper };