@telefonica/mistica 16.64.0-beta.1 → 16.64.0

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

@@ -0,0 +1,633 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get CYBER_SKIN () {
+        return a;
+    },
+    get getCyberSkin () {
+        return o;
+    },
+    get palette () {
+        return e;
+    }
+});
+const _color = require("../../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: (0, _color.applyAlpha)(e.secondary, 0.05),
+            backgroundContainerPressed: (0, _color.applyAlpha)(e.secondary, 0.08),
+            backgroundContainerBrand: e.primary,
+            backgroundContainerBrandHover: (0, _color.applyAlpha)(e.darkModeBlack, 0.05),
+            backgroundContainerBrandPressed: (0, _color.applyAlpha)(e.darkModeBlack, 0.08),
+            backgroundContainerBrandOverInverse: e.primary30,
+            backgroundContainerNegative: (0, _color.applyAlpha)(e.darkModeBlack, 0.4),
+            backgroundContainerBrandOverBrand: e.primary30,
+            backgroundContainerAlternative: e.primary20,
+            backgroundOverlay: (0, _color.applyAlpha)(e.secondary, 0.75),
+            backgroundSkeleton: e.grey3,
+            backgroundSkeletonInverse: e.secondary,
+            backgroundSkeletonNegative: (0, _color.applyAlpha)(e.grey6, 0.2),
+            backgroundSkeletonBrand: e.secondary,
+            backgroundBrandTop: e.primary,
+            backgroundBrandBottom: e.primary,
+            appBarBackground: e.white,
+            navigationBarBackground: e.primary,
+            backgroundDropZoneHover: (0, _color.applyAlpha)(e.secondary, 0.05),
+            backgroundDropZoneDragover: (0, _color.applyAlpha)(e.secondary, 0.08),
+            backgroundDropZoneBrandHover: (0, _color.applyAlpha)(e.grey6, 0.05),
+            backgroundDropZoneBrandDragover: (0, _color.applyAlpha)(e.grey6, 0.08),
+            backgroundDropZoneNegativeHover: (0, _color.applyAlpha)(e.white, 0.1),
+            backgroundDropZoneNegativeDragover: (0, _color.applyAlpha)(e.white, 0.17),
+            backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.grey6, 0.05),
+            backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(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: (0, _color.applyAlpha)(e.darkModeBlack, 0.25),
+            coverBackgroundPressed: (0, _color.applyAlpha)(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: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonLinkBackgroundNegativePressed: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonLinkBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(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: (0, _color.applyAlpha)(e.white, 0),
+            buttonSecondaryBorderNegative: e.white,
+            buttonSecondaryBorderBrand: (0, _color.applyAlpha)(e.white, 0),
+            buttonSecondaryBorderMedia: e.white,
+            buttonSecondaryBorderPressed: e.secondary60,
+            buttonSecondaryBorderInversePressed: (0, _color.applyAlpha)(e.white, 0),
+            buttonSecondaryBorderNegativePressed: e.white,
+            buttonSecondaryBorderBrandPressed: (0, _color.applyAlpha)(e.white, 0),
+            buttonSecondaryBorderMediaPressed: e.white,
+            buttonSecondaryBackgroundHover: e.secondary10,
+            buttonSecondaryBackgroundInverseHover: e.secondary10,
+            buttonSecondaryBackgroundNegativeHover: (0, _color.applyAlpha)(e.white, 0.2),
+            buttonSecondaryBackgroundBrandHover: e.secondary10,
+            buttonSecondaryBackgroundMediaHover: (0, _color.applyAlpha)(e.white, 0.2),
+            buttonSecondaryBackgroundPressed: e.secondary10,
+            buttonSecondaryBackgroundInversePressed: e.secondary10,
+            buttonSecondaryBackgroundNegativePressed: (0, _color.applyAlpha)(e.white, 0.2),
+            buttonSecondaryBackgroundBrandPressed: e.secondary10,
+            buttonSecondaryBackgroundMediaPressed: (0, _color.applyAlpha)(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: (0, _color.applyAlpha)(e.grey6, 0.2),
+            barTrackNegative: (0, _color.applyAlpha)(e.grey6, 0.2),
+            barTrackBrand: (0, _color.applyAlpha)(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: (0, _color.applyAlpha)(e.grey6, 0.2),
+            dividerNegative: (0, _color.applyAlpha)(e.white, 0.2),
+            dividerBrand: (0, _color.applyAlpha)(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, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)`,
+            cardFooterOverlay: (0, _color.applyAlpha)(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: (0, _color.applyAlpha)(e.white, 0.05),
+            backgroundContainerPressed: (0, _color.applyAlpha)(e.white, 0.08),
+            backgroundContainerBrand: e.darkModeGrey,
+            backgroundContainerBrandHover: (0, _color.applyAlpha)(e.white, 0.03),
+            backgroundContainerBrandPressed: (0, _color.applyAlpha)(e.white, 0.05),
+            backgroundContainerBrandOverInverse: e.darkModeGrey,
+            backgroundContainerNegative: e.darkModeGrey,
+            backgroundContainerBrandOverBrand: e.darkModeGrey,
+            backgroundContainerAlternative: e.darkModeGrey,
+            backgroundOverlay: (0, _color.applyAlpha)(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: (0, _color.applyAlpha)(e.white, 0.05),
+            backgroundDropZoneDragover: (0, _color.applyAlpha)(e.white, 0.08),
+            backgroundDropZoneBrandHover: (0, _color.applyAlpha)(e.white, 0.03),
+            backgroundDropZoneBrandDragover: (0, _color.applyAlpha)(e.white, 0.05),
+            backgroundDropZoneNegativeHover: (0, _color.applyAlpha)(e.white, 0.15),
+            backgroundDropZoneNegativeDragover: (0, _color.applyAlpha)(e.white, 0.15),
+            backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.white, 0.03),
+            backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(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: (0, _color.applyAlpha)(e.darkModeBlack, 0.25),
+            coverBackgroundPressed: (0, _color.applyAlpha)(e.darkModeBlack, 0.35),
+            buttonDangerBackground: e.red,
+            buttonDangerBackgroundPressed: e.red70,
+            buttonDangerBackgroundHover: e.red70,
+            buttonLinkDangerBackgroundInverse: (0, _color.applyAlpha)(e.white, 0),
+            buttonLinkDangerBackgroundNegative: (0, _color.applyAlpha)(e.white, 0),
+            buttonLinkDangerBackgroundBrand: (0, _color.applyAlpha)(e.white, 0),
+            buttonLinkDangerBackgroundMedia: e.white,
+            buttonLinkDangerBackgroundPressed: (0, _color.applyAlpha)(e.red, 0.3),
+            buttonLinkDangerBackgroundInversePressed: (0, _color.applyAlpha)(e.accent, 0.3),
+            buttonLinkDangerBackgroundNegativePressed: (0, _color.applyAlpha)(e.accent, 0.3),
+            buttonLinkDangerBackgroundBrandPressed: (0, _color.applyAlpha)(e.accent, 0.3),
+            buttonLinkDangerBackgroundMediaPressed: e.red10,
+            buttonLinkBackgroundPressed: (0, _color.applyAlpha)(e.accent, 0.3),
+            buttonLinkBackgroundInversePressed: (0, _color.applyAlpha)(e.accent, 0.3),
+            buttonLinkBackgroundNegativePressed: (0, _color.applyAlpha)(e.accent, 0.3),
+            buttonLinkBackgroundBrandPressed: (0, _color.applyAlpha)(e.accent, 0.3),
+            buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(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: (0, _color.applyAlpha)(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: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundInverseHover: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundNegativeHover: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundBrandHover: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundMediaHover: (0, _color.applyAlpha)(e.white, 0.2),
+            buttonSecondaryBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundNegativePressed: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.15),
+            buttonSecondaryBackgroundMediaPressed: (0, _color.applyAlpha)(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: (0, _color.applyAlpha)(e.white, 0.09),
+            dividerInverse: (0, _color.applyAlpha)(e.white, 0.05),
+            dividerNegative: (0, _color.applyAlpha)(e.white, 0.05),
+            dividerBrand: (0, _color.applyAlpha)(e.white, 0.05),
+            navigationBarDivider: e.darkModeBlack,
+            badge: e.red,
+            feedbackErrorBackground: e.red,
+            feedbackInfoBackground: e.darkModeGrey,
+            brand: e.primary,
+            brandHigh: (0, _color.applyAlpha)(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, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)`,
+            cardFooterOverlay: (0, _color.applyAlpha)(e.grey6, 0.7)
+        }
+    });

package/dist/counter.css-mistica.js

@@ -10,37 +10,37 @@ function _export(target, all) {
 }
 _export(exports, {
     get button () {
-        return r;
+        return f;
     },
     get buttonBackground () {
-        return j;
+        return u;
     },
     get buttonContainer () {
-        return b;
+        return t;
     },
     get counter () {
-        return n;
+        return r;
     },
     get decreaseButtonIcon () {
-        return y;
+        return o;
     },
     get defaultButtonIcon () {
-        return i;
+        return y;
     },
     get disabled () {
-        return e;
+        return i;
     },
     get hasTrashIcon () {
-        return a;
+        return n;
     },
     get isButtonDisabled () {
-        return t;
+        return s;
     },
     get trashButtonIcon () {
-        return f;
+        return j;
     },
     get valueContainer () {
-        return s;
+        return a;
     }
 });
-/* empty css                                     */ /* empty css                                   */ var a = "v16_64_0-beta_1_rijsns0", t = "v16_64_0-beta_1_rijsns1", n = "v16_64_0-beta_1_rijsns3 v16_64_0-beta_1_rijsns2 v16_64_0-beta_1_1y2v1nfsu v16_64_0-beta_1_1y2v1nf83 v16_64_0-beta_1_1y2v1nfq5 v16_64_0-beta_1_1y2v1nft8", e = "v16_64_0-beta_1_rijsns4", s = "v16_64_0-beta_1_rijsns5 v16_64_0-beta_1_1y2v1nfpy v16_64_0-beta_1_1y2v1nfq4 v16_64_0-beta_1_1y2v1nfqd", b = "v16_64_0-beta_1_rijsns6", r = "v16_64_0-beta_1_rijsns8 v16_64_0-beta_1_rijsns7 v16_64_0-beta_1_1y2v1nffw v16_64_0-beta_1_1y2v1nfsm v16_64_0-beta_1_1y2v1nfpz v16_64_0-beta_1_1y2v1nfr2 v16_64_0-beta_1_1y2v1nfri", i = "v16_64_0-beta_1_rijsnsa v16_64_0-beta_1_rijsns9 v16_64_0-beta_1_1y2v1nfpz", f = "v16_64_0-beta_1_rijsnsb v16_64_0-beta_1_rijsnsa v16_64_0-beta_1_rijsns9 v16_64_0-beta_1_1y2v1nfpz", y = "v16_64_0-beta_1_rijsnsc v16_64_0-beta_1_rijsnsa v16_64_0-beta_1_rijsns9 v16_64_0-beta_1_1y2v1nfpz", j = "v16_64_0-beta_1_rijsnse v16_64_0-beta_1_rijsnsd v16_64_0-beta_1_1y2v1nfr1 v16_64_0-beta_1_1y2v1nfrh v16_64_0-beta_1_1y2v1nfpz v16_64_0-beta_1_1y2v1nfsu v16_64_0-beta_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";