@telefonica/mistica 14.40.0 → 14.42.0

package/dist/skins/skin-contract.css-mistica.js

@@ -59,191 +59,193 @@ var r = {
         controlInverse: "var(--_1vqcj1i1a)",
         controlActivatedInverse: "var(--_1vqcj1i1b)",
         controlError: "var(--_1vqcj1i1c)",
-        loadingBar: "var(--_1vqcj1i1d)",
-        loadingBarBackground: "var(--_1vqcj1i1e)",
-        toggleAndroidInactive: "var(--_1vqcj1i1f)",
-        toggleAndroidBackgroundActive: "var(--_1vqcj1i1g)",
-        iosControlKnob: "var(--_1vqcj1i1h)",
-        divider: "var(--_1vqcj1i1i)",
-        dividerInverse: "var(--_1vqcj1i1j)",
-        navigationBarDivider: "var(--_1vqcj1i1k)",
-        badge: "var(--_1vqcj1i1l)",
-        feedbackErrorBackground: "var(--_1vqcj1i1m)",
-        feedbackInfoBackground: "var(--_1vqcj1i1n)",
-        brand: "var(--_1vqcj1i1o)",
-        brandHigh: "var(--_1vqcj1i1p)",
-        inverse: "var(--_1vqcj1i1q)",
-        neutralHigh: "var(--_1vqcj1i1r)",
-        neutralLow: "var(--_1vqcj1i1s)",
-        neutralLowAlternative: "var(--_1vqcj1i1t)",
-        neutralMedium: "var(--_1vqcj1i1u)",
-        neutralMediumInverse: "var(--_1vqcj1i1v)",
-        promo: "var(--_1vqcj1i1w)",
-        error: "var(--_1vqcj1i1x)",
-        highlight: "var(--_1vqcj1i1y)",
-        success: "var(--_1vqcj1i1z)",
-        warning: "var(--_1vqcj1i20)",
-        textPrimary: "var(--_1vqcj1i21)",
-        textPrimaryInverse: "var(--_1vqcj1i22)",
-        textSecondary: "var(--_1vqcj1i23)",
-        textSecondaryInverse: "var(--_1vqcj1i24)",
-        textButtonPrimary: "var(--_1vqcj1i25)",
-        textButtonPrimaryInverse: "var(--_1vqcj1i26)",
-        textButtonPrimaryInverseSelected: "var(--_1vqcj1i27)",
-        textButtonSecondary: "var(--_1vqcj1i28)",
-        textButtonSecondarySelected: "var(--_1vqcj1i29)",
-        textButtonSecondaryInverse: "var(--_1vqcj1i2a)",
-        textButtonSecondaryInverseSelected: "var(--_1vqcj1i2b)",
-        textLink: "var(--_1vqcj1i2c)",
-        textLinkInverse: "var(--_1vqcj1i2d)",
-        textLinkDanger: "var(--_1vqcj1i2e)",
-        textLinkSnackbar: "var(--_1vqcj1i2f)",
-        textNavigationBarPrimary: "var(--_1vqcj1i2g)",
-        textNavigationBarSecondary: "var(--_1vqcj1i2h)",
-        textNavigationSearchBarHint: "var(--_1vqcj1i2i)",
-        textNavigationSearchBarText: "var(--_1vqcj1i2j)",
-        textAppBar: "var(--_1vqcj1i2k)",
-        textAppBarSelected: "var(--_1vqcj1i2l)",
-        successLow: "var(--_1vqcj1i2m)",
-        warningLow: "var(--_1vqcj1i2n)",
-        errorLow: "var(--_1vqcj1i2o)",
-        promoLow: "var(--_1vqcj1i2p)",
-        brandLow: "var(--_1vqcj1i2q)",
-        successHigh: "var(--_1vqcj1i2r)",
-        warningHigh: "var(--_1vqcj1i2s)",
-        errorHigh: "var(--_1vqcj1i2t)",
-        promoHigh: "var(--_1vqcj1i2u)",
-        successHighInverse: "var(--_1vqcj1i2v)",
-        warningHighInverse: "var(--_1vqcj1i2w)",
-        errorHighInverse: "var(--_1vqcj1i2x)",
-        promoHighInverse: "var(--_1vqcj1i2y)",
-        customTabsBackground: "var(--_1vqcj1i2z)",
-        coverBackgroundHover: "var(--_1vqcj1i30)",
-        coverBackgroundPressed: "var(--_1vqcj1i31)"
+        barTrack: "var(--_1vqcj1i1d)",
+        loadingBar: "var(--_1vqcj1i1e)",
+        loadingBarBackground: "var(--_1vqcj1i1f)",
+        toggleAndroidInactive: "var(--_1vqcj1i1g)",
+        toggleAndroidBackgroundActive: "var(--_1vqcj1i1h)",
+        iosControlKnob: "var(--_1vqcj1i1i)",
+        divider: "var(--_1vqcj1i1j)",
+        dividerInverse: "var(--_1vqcj1i1k)",
+        navigationBarDivider: "var(--_1vqcj1i1l)",
+        badge: "var(--_1vqcj1i1m)",
+        feedbackErrorBackground: "var(--_1vqcj1i1n)",
+        feedbackInfoBackground: "var(--_1vqcj1i1o)",
+        brand: "var(--_1vqcj1i1p)",
+        brandHigh: "var(--_1vqcj1i1q)",
+        inverse: "var(--_1vqcj1i1r)",
+        neutralHigh: "var(--_1vqcj1i1s)",
+        neutralLow: "var(--_1vqcj1i1t)",
+        neutralLowAlternative: "var(--_1vqcj1i1u)",
+        neutralMedium: "var(--_1vqcj1i1v)",
+        neutralMediumInverse: "var(--_1vqcj1i1w)",
+        promo: "var(--_1vqcj1i1x)",
+        error: "var(--_1vqcj1i1y)",
+        highlight: "var(--_1vqcj1i1z)",
+        success: "var(--_1vqcj1i20)",
+        warning: "var(--_1vqcj1i21)",
+        textPrimary: "var(--_1vqcj1i22)",
+        textPrimaryInverse: "var(--_1vqcj1i23)",
+        textSecondary: "var(--_1vqcj1i24)",
+        textSecondaryInverse: "var(--_1vqcj1i25)",
+        textButtonPrimary: "var(--_1vqcj1i26)",
+        textButtonPrimaryInverse: "var(--_1vqcj1i27)",
+        textButtonPrimaryInverseSelected: "var(--_1vqcj1i28)",
+        textButtonSecondary: "var(--_1vqcj1i29)",
+        textButtonSecondarySelected: "var(--_1vqcj1i2a)",
+        textButtonSecondaryInverse: "var(--_1vqcj1i2b)",
+        textButtonSecondaryInverseSelected: "var(--_1vqcj1i2c)",
+        textLink: "var(--_1vqcj1i2d)",
+        textLinkInverse: "var(--_1vqcj1i2e)",
+        textLinkDanger: "var(--_1vqcj1i2f)",
+        textLinkSnackbar: "var(--_1vqcj1i2g)",
+        textNavigationBarPrimary: "var(--_1vqcj1i2h)",
+        textNavigationBarSecondary: "var(--_1vqcj1i2i)",
+        textNavigationSearchBarHint: "var(--_1vqcj1i2j)",
+        textNavigationSearchBarText: "var(--_1vqcj1i2k)",
+        textAppBar: "var(--_1vqcj1i2l)",
+        textAppBarSelected: "var(--_1vqcj1i2m)",
+        successLow: "var(--_1vqcj1i2n)",
+        warningLow: "var(--_1vqcj1i2o)",
+        errorLow: "var(--_1vqcj1i2p)",
+        promoLow: "var(--_1vqcj1i2q)",
+        brandLow: "var(--_1vqcj1i2r)",
+        successHigh: "var(--_1vqcj1i2s)",
+        warningHigh: "var(--_1vqcj1i2t)",
+        errorHigh: "var(--_1vqcj1i2u)",
+        promoHigh: "var(--_1vqcj1i2v)",
+        successHighInverse: "var(--_1vqcj1i2w)",
+        warningHighInverse: "var(--_1vqcj1i2x)",
+        errorHighInverse: "var(--_1vqcj1i2y)",
+        promoHighInverse: "var(--_1vqcj1i2z)",
+        customTabsBackground: "var(--_1vqcj1i30)",
+        coverBackgroundHover: "var(--_1vqcj1i31)",
+        coverBackgroundPressed: "var(--_1vqcj1i32)"
     },
     rawColors: {
-        appBarBackground: "var(--_1vqcj1i32)",
-        background: "var(--_1vqcj1i33)",
-        backgroundContainer: "var(--_1vqcj1i34)",
-        backgroundContainerHover: "var(--_1vqcj1i35)",
-        backgroundContainerPressed: "var(--_1vqcj1i36)",
-        backgroundContainerBrand: "var(--_1vqcj1i37)",
-        backgroundContainerBrandHover: "var(--_1vqcj1i38)",
-        backgroundContainerBrandPressed: "var(--_1vqcj1i39)",
-        backgroundContainerBrandOverInverse: "var(--_1vqcj1i3a)",
-        backgroundContainerAlternative: "var(--_1vqcj1i3b)",
-        backgroundBrand: "var(--_1vqcj1i3c)",
-        backgroundBrandSecondary: "var(--_1vqcj1i3d)",
-        backgroundOverlay: "var(--_1vqcj1i3e)",
-        backgroundSkeleton: "var(--_1vqcj1i3f)",
-        backgroundSkeletonInverse: "var(--_1vqcj1i3g)",
-        backgroundAlternative: "var(--_1vqcj1i3h)",
-        backgroundFeedbackBottom: "var(--_1vqcj1i3i)",
-        navigationBarBackground: "var(--_1vqcj1i3j)",
-        skeletonWave: "var(--_1vqcj1i3k)",
-        border: "var(--_1vqcj1i3l)",
-        borderLow: "var(--_1vqcj1i3m)",
-        borderHigh: "var(--_1vqcj1i3n)",
-        borderSelected: "var(--_1vqcj1i3o)",
-        buttonDangerBackground: "var(--_1vqcj1i3p)",
-        buttonDangerBackgroundSelected: "var(--_1vqcj1i3q)",
-        buttonDangerBackgroundHover: "var(--_1vqcj1i3r)",
-        buttonLinkDangerBackgroundSelected: "var(--_1vqcj1i3s)",
-        buttonLinkDangerBackgroundInverse: "var(--_1vqcj1i3t)",
-        buttonLinkDangerBackgroundInverseSelected: "var(--_1vqcj1i3u)",
-        buttonLinkBackgroundSelected: "var(--_1vqcj1i3v)",
-        buttonLinkBackgroundInverseSelected: "var(--_1vqcj1i3w)",
-        buttonPrimaryBackground: "var(--_1vqcj1i3x)",
-        buttonPrimaryBackgroundInverse: "var(--_1vqcj1i3y)",
-        buttonPrimaryBackgroundSelected: "var(--_1vqcj1i3z)",
-        buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1i40)",
-        buttonPrimaryBackgroundHover: "var(--_1vqcj1i41)",
-        buttonSecondaryBorder: "var(--_1vqcj1i42)",
-        buttonSecondaryBorderSelected: "var(--_1vqcj1i43)",
-        buttonSecondaryBorderInverse: "var(--_1vqcj1i44)",
-        buttonSecondaryBorderInverseSelected: "var(--_1vqcj1i45)",
-        buttonSecondaryBackgroundHover: "var(--_1vqcj1i46)",
-        buttonSecondaryBackgroundSelected: "var(--_1vqcj1i47)",
-        buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1i48)",
-        buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i49)",
-        control: "var(--_1vqcj1i4a)",
-        controlActivated: "var(--_1vqcj1i4b)",
-        controlInverse: "var(--_1vqcj1i4c)",
-        controlActivatedInverse: "var(--_1vqcj1i4d)",
-        controlError: "var(--_1vqcj1i4e)",
-        loadingBar: "var(--_1vqcj1i4f)",
-        loadingBarBackground: "var(--_1vqcj1i4g)",
-        toggleAndroidInactive: "var(--_1vqcj1i4h)",
-        toggleAndroidBackgroundActive: "var(--_1vqcj1i4i)",
-        iosControlKnob: "var(--_1vqcj1i4j)",
-        divider: "var(--_1vqcj1i4k)",
-        dividerInverse: "var(--_1vqcj1i4l)",
-        navigationBarDivider: "var(--_1vqcj1i4m)",
-        badge: "var(--_1vqcj1i4n)",
-        feedbackErrorBackground: "var(--_1vqcj1i4o)",
-        feedbackInfoBackground: "var(--_1vqcj1i4p)",
-        brand: "var(--_1vqcj1i4q)",
-        brandHigh: "var(--_1vqcj1i4r)",
-        inverse: "var(--_1vqcj1i4s)",
-        neutralHigh: "var(--_1vqcj1i4t)",
-        neutralLow: "var(--_1vqcj1i4u)",
-        neutralLowAlternative: "var(--_1vqcj1i4v)",
-        neutralMedium: "var(--_1vqcj1i4w)",
-        neutralMediumInverse: "var(--_1vqcj1i4x)",
-        promo: "var(--_1vqcj1i4y)",
-        error: "var(--_1vqcj1i4z)",
-        highlight: "var(--_1vqcj1i50)",
-        success: "var(--_1vqcj1i51)",
-        warning: "var(--_1vqcj1i52)",
-        textPrimary: "var(--_1vqcj1i53)",
-        textPrimaryInverse: "var(--_1vqcj1i54)",
-        textSecondary: "var(--_1vqcj1i55)",
-        textSecondaryInverse: "var(--_1vqcj1i56)",
-        textButtonPrimary: "var(--_1vqcj1i57)",
-        textButtonPrimaryInverse: "var(--_1vqcj1i58)",
-        textButtonPrimaryInverseSelected: "var(--_1vqcj1i59)",
-        textButtonSecondary: "var(--_1vqcj1i5a)",
-        textButtonSecondarySelected: "var(--_1vqcj1i5b)",
-        textButtonSecondaryInverse: "var(--_1vqcj1i5c)",
-        textButtonSecondaryInverseSelected: "var(--_1vqcj1i5d)",
-        textLink: "var(--_1vqcj1i5e)",
-        textLinkInverse: "var(--_1vqcj1i5f)",
-        textLinkDanger: "var(--_1vqcj1i5g)",
-        textLinkSnackbar: "var(--_1vqcj1i5h)",
-        textNavigationBarPrimary: "var(--_1vqcj1i5i)",
-        textNavigationBarSecondary: "var(--_1vqcj1i5j)",
-        textNavigationSearchBarHint: "var(--_1vqcj1i5k)",
-        textNavigationSearchBarText: "var(--_1vqcj1i5l)",
-        textAppBar: "var(--_1vqcj1i5m)",
-        textAppBarSelected: "var(--_1vqcj1i5n)",
-        successLow: "var(--_1vqcj1i5o)",
-        warningLow: "var(--_1vqcj1i5p)",
-        errorLow: "var(--_1vqcj1i5q)",
-        promoLow: "var(--_1vqcj1i5r)",
-        brandLow: "var(--_1vqcj1i5s)",
-        successHigh: "var(--_1vqcj1i5t)",
-        warningHigh: "var(--_1vqcj1i5u)",
-        errorHigh: "var(--_1vqcj1i5v)",
-        promoHigh: "var(--_1vqcj1i5w)",
-        successHighInverse: "var(--_1vqcj1i5x)",
-        warningHighInverse: "var(--_1vqcj1i5y)",
-        errorHighInverse: "var(--_1vqcj1i5z)",
-        promoHighInverse: "var(--_1vqcj1i60)",
-        customTabsBackground: "var(--_1vqcj1i61)",
-        coverBackgroundHover: "var(--_1vqcj1i62)",
-        coverBackgroundPressed: "var(--_1vqcj1i63)"
+        appBarBackground: "var(--_1vqcj1i33)",
+        background: "var(--_1vqcj1i34)",
+        backgroundContainer: "var(--_1vqcj1i35)",
+        backgroundContainerHover: "var(--_1vqcj1i36)",
+        backgroundContainerPressed: "var(--_1vqcj1i37)",
+        backgroundContainerBrand: "var(--_1vqcj1i38)",
+        backgroundContainerBrandHover: "var(--_1vqcj1i39)",
+        backgroundContainerBrandPressed: "var(--_1vqcj1i3a)",
+        backgroundContainerBrandOverInverse: "var(--_1vqcj1i3b)",
+        backgroundContainerAlternative: "var(--_1vqcj1i3c)",
+        backgroundBrand: "var(--_1vqcj1i3d)",
+        backgroundBrandSecondary: "var(--_1vqcj1i3e)",
+        backgroundOverlay: "var(--_1vqcj1i3f)",
+        backgroundSkeleton: "var(--_1vqcj1i3g)",
+        backgroundSkeletonInverse: "var(--_1vqcj1i3h)",
+        backgroundAlternative: "var(--_1vqcj1i3i)",
+        backgroundFeedbackBottom: "var(--_1vqcj1i3j)",
+        navigationBarBackground: "var(--_1vqcj1i3k)",
+        skeletonWave: "var(--_1vqcj1i3l)",
+        border: "var(--_1vqcj1i3m)",
+        borderLow: "var(--_1vqcj1i3n)",
+        borderHigh: "var(--_1vqcj1i3o)",
+        borderSelected: "var(--_1vqcj1i3p)",
+        buttonDangerBackground: "var(--_1vqcj1i3q)",
+        buttonDangerBackgroundSelected: "var(--_1vqcj1i3r)",
+        buttonDangerBackgroundHover: "var(--_1vqcj1i3s)",
+        buttonLinkDangerBackgroundSelected: "var(--_1vqcj1i3t)",
+        buttonLinkDangerBackgroundInverse: "var(--_1vqcj1i3u)",
+        buttonLinkDangerBackgroundInverseSelected: "var(--_1vqcj1i3v)",
+        buttonLinkBackgroundSelected: "var(--_1vqcj1i3w)",
+        buttonLinkBackgroundInverseSelected: "var(--_1vqcj1i3x)",
+        buttonPrimaryBackground: "var(--_1vqcj1i3y)",
+        buttonPrimaryBackgroundInverse: "var(--_1vqcj1i3z)",
+        buttonPrimaryBackgroundSelected: "var(--_1vqcj1i40)",
+        buttonPrimaryBackgroundInverseSelected: "var(--_1vqcj1i41)",
+        buttonPrimaryBackgroundHover: "var(--_1vqcj1i42)",
+        buttonSecondaryBorder: "var(--_1vqcj1i43)",
+        buttonSecondaryBorderSelected: "var(--_1vqcj1i44)",
+        buttonSecondaryBorderInverse: "var(--_1vqcj1i45)",
+        buttonSecondaryBorderInverseSelected: "var(--_1vqcj1i46)",
+        buttonSecondaryBackgroundHover: "var(--_1vqcj1i47)",
+        buttonSecondaryBackgroundSelected: "var(--_1vqcj1i48)",
+        buttonSecondaryBackgroundInverseHover: "var(--_1vqcj1i49)",
+        buttonSecondaryBackgroundInverseSelected: "var(--_1vqcj1i4a)",
+        control: "var(--_1vqcj1i4b)",
+        controlActivated: "var(--_1vqcj1i4c)",
+        controlInverse: "var(--_1vqcj1i4d)",
+        controlActivatedInverse: "var(--_1vqcj1i4e)",
+        controlError: "var(--_1vqcj1i4f)",
+        barTrack: "var(--_1vqcj1i4g)",
+        loadingBar: "var(--_1vqcj1i4h)",
+        loadingBarBackground: "var(--_1vqcj1i4i)",
+        toggleAndroidInactive: "var(--_1vqcj1i4j)",
+        toggleAndroidBackgroundActive: "var(--_1vqcj1i4k)",
+        iosControlKnob: "var(--_1vqcj1i4l)",
+        divider: "var(--_1vqcj1i4m)",
+        dividerInverse: "var(--_1vqcj1i4n)",
+        navigationBarDivider: "var(--_1vqcj1i4o)",
+        badge: "var(--_1vqcj1i4p)",
+        feedbackErrorBackground: "var(--_1vqcj1i4q)",
+        feedbackInfoBackground: "var(--_1vqcj1i4r)",
+        brand: "var(--_1vqcj1i4s)",
+        brandHigh: "var(--_1vqcj1i4t)",
+        inverse: "var(--_1vqcj1i4u)",
+        neutralHigh: "var(--_1vqcj1i4v)",
+        neutralLow: "var(--_1vqcj1i4w)",
+        neutralLowAlternative: "var(--_1vqcj1i4x)",
+        neutralMedium: "var(--_1vqcj1i4y)",
+        neutralMediumInverse: "var(--_1vqcj1i4z)",
+        promo: "var(--_1vqcj1i50)",
+        error: "var(--_1vqcj1i51)",
+        highlight: "var(--_1vqcj1i52)",
+        success: "var(--_1vqcj1i53)",
+        warning: "var(--_1vqcj1i54)",
+        textPrimary: "var(--_1vqcj1i55)",
+        textPrimaryInverse: "var(--_1vqcj1i56)",
+        textSecondary: "var(--_1vqcj1i57)",
+        textSecondaryInverse: "var(--_1vqcj1i58)",
+        textButtonPrimary: "var(--_1vqcj1i59)",
+        textButtonPrimaryInverse: "var(--_1vqcj1i5a)",
+        textButtonPrimaryInverseSelected: "var(--_1vqcj1i5b)",
+        textButtonSecondary: "var(--_1vqcj1i5c)",
+        textButtonSecondarySelected: "var(--_1vqcj1i5d)",
+        textButtonSecondaryInverse: "var(--_1vqcj1i5e)",
+        textButtonSecondaryInverseSelected: "var(--_1vqcj1i5f)",
+        textLink: "var(--_1vqcj1i5g)",
+        textLinkInverse: "var(--_1vqcj1i5h)",
+        textLinkDanger: "var(--_1vqcj1i5i)",
+        textLinkSnackbar: "var(--_1vqcj1i5j)",
+        textNavigationBarPrimary: "var(--_1vqcj1i5k)",
+        textNavigationBarSecondary: "var(--_1vqcj1i5l)",
+        textNavigationSearchBarHint: "var(--_1vqcj1i5m)",
+        textNavigationSearchBarText: "var(--_1vqcj1i5n)",
+        textAppBar: "var(--_1vqcj1i5o)",
+        textAppBarSelected: "var(--_1vqcj1i5p)",
+        successLow: "var(--_1vqcj1i5q)",
+        warningLow: "var(--_1vqcj1i5r)",
+        errorLow: "var(--_1vqcj1i5s)",
+        promoLow: "var(--_1vqcj1i5t)",
+        brandLow: "var(--_1vqcj1i5u)",
+        successHigh: "var(--_1vqcj1i5v)",
+        warningHigh: "var(--_1vqcj1i5w)",
+        errorHigh: "var(--_1vqcj1i5x)",
+        promoHigh: "var(--_1vqcj1i5y)",
+        successHighInverse: "var(--_1vqcj1i5z)",
+        warningHighInverse: "var(--_1vqcj1i60)",
+        errorHighInverse: "var(--_1vqcj1i61)",
+        promoHighInverse: "var(--_1vqcj1i62)",
+        customTabsBackground: "var(--_1vqcj1i63)",
+        coverBackgroundHover: "var(--_1vqcj1i64)",
+        coverBackgroundPressed: "var(--_1vqcj1i65)"
     },
     borderRadii: {
-        button: "var(--_1vqcj1i64)",
-        input: "var(--_1vqcj1i65)",
-        container: "var(--_1vqcj1i66)",
-        legacyDisplay: "var(--_1vqcj1i67)",
-        popup: "var(--_1vqcj1i68)",
-        checkbox: "var(--_1vqcj1i69)",
-        indicator: "var(--_1vqcj1i6a)",
-        sheet: "var(--_1vqcj1i6b)",
-        bar: "var(--_1vqcj1i6c)",
-        avatar: "var(--_1vqcj1i6d)",
-        mediaSmall: "var(--_1vqcj1i6e)"
+        button: "var(--_1vqcj1i66)",
+        input: "var(--_1vqcj1i67)",
+        container: "var(--_1vqcj1i68)",
+        legacyDisplay: "var(--_1vqcj1i69)",
+        popup: "var(--_1vqcj1i6a)",
+        checkbox: "var(--_1vqcj1i6b)",
+        indicator: "var(--_1vqcj1i6c)",
+        sheet: "var(--_1vqcj1i6d)",
+        bar: "var(--_1vqcj1i6e)",
+        avatar: "var(--_1vqcj1i6f)",
+        mediaSmall: "var(--_1vqcj1i6g)"
     }
 };

package/dist/skins/skin-contract.css.d.ts

@@ -62,6 +62,7 @@ export declare const vars: {
         controlInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         controlActivatedInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         controlError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        barTrack: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         loadingBar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         loadingBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         toggleAndroidInactive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -174,6 +175,7 @@ export declare const vars: {
         controlInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         controlActivatedInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         controlError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        barTrack: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         loadingBar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         loadingBarBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         toggleAndroidInactive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/skins/telefonica.js

@@ -119,6 +119,7 @@ const e = {
             controlInverse: e.white,
             controlActivatedInverse: e.white,
             controlError: e.coral,
+            barTrack: e.grey3,
             loadingBar: e.telefonicaBlue30,
             loadingBarBackground: e.telefonicaBlue70,
             toggleAndroidInactive: e.grey2,
@@ -231,6 +232,7 @@ const e = {
             controlInverse: e.darkModeGrey6,
             controlActivatedInverse: e.telefonicaBlue,
             controlError: e.coral,
+            barTrack: e.darkModeGrey6,
             loadingBar: e.telefonicaBlue,
             loadingBarBackground: e.grey6,
             toggleAndroidInactive: e.grey4,

package/dist/skins/types/colors.d.ts

@@ -61,6 +61,7 @@ export type Colors = {
     controlInverse: string;
     controlActivatedInverse: string;
     controlError: string;
+    barTrack: string;
     loadingBar: string;
     loadingBarBackground: string;
     toggleAndroidInactive: string;

package/dist/skins/vivo-new.js

@@ -47,7 +47,7 @@ const e = {
     grey1: "#F6F6F6",
     grey2: "#EEEEEE",
     grey3: "#DDDDDD",
-    grey4: "#999999",
+    grey4: "#949494",
     grey5: "#666666",
     grey6: "#000000",
     white: "#FFFFFF",
@@ -70,7 +70,7 @@ const e = {
             backgroundContainerBrandOverInverse: e.vivoPurpleDark,
             backgroundContainerAlternative: e.grey1,
             backgroundOverlay: (0, _color.applyAlpha)(e.grey6, 0.6),
-            backgroundSkeleton: e.grey2,
+            backgroundSkeleton: e.grey4,
             backgroundSkeletonInverse: e.vivoPurpleDark,
             backgroundFeedbackBottom: e.vivoPurple,
             appBarBackground: e.white,
@@ -114,17 +114,18 @@ const e = {
             textLinkInverse: e.white,
             textLinkDanger: e.pepper,
             textLinkSnackbar: e.vivoPurpleLight20,
-            control: e.grey3,
+            control: e.grey4,
             controlActivated: e.vivoPurple,
             controlInverse: e.white,
             controlActivatedInverse: e.white,
             controlError: e.pepper,
-            loadingBar: e.pink,
-            loadingBarBackground: e.pepperLight30,
+            barTrack: e.grey3,
+            loadingBar: e.vivoPurple,
+            loadingBarBackground: e.vivoPurpleLight10,
             toggleAndroidInactive: e.grey2,
             toggleAndroidBackgroundActive: e.vivoPurpleLight20,
             iosControlKnob: e.white,
-            divider: e.grey2,
+            divider: e.grey3,
             dividerInverse: (0, _color.applyAlpha)(e.white, 0.2),
             navigationBarDivider: e.vivoPurple,
             badge: e.pepperDark,
@@ -166,7 +167,7 @@ const e = {
             textNavigationSearchBarText: e.white,
             textAppBar: e.grey4,
             textAppBarSelected: e.vivoPurple,
-            customTabsBackground: e.vivoPurple
+            customTabsBackground: e.white
         },
         darkModeColors: {
             background: e.darkModeBlack,
@@ -231,6 +232,7 @@ const e = {
             controlInverse: e.darkModeGrey6,
             controlActivatedInverse: e.vivoPurpleLight80,
             controlError: e.pepper,
+            barTrack: e.darkModeGrey6,
             loadingBar: e.vivoPurpleLight80,
             loadingBarBackground: e.darkModeGrey6,
             toggleAndroidInactive: e.grey4,

package/dist/skins/vivo.js

@@ -119,6 +119,7 @@ const e = {
             controlInverse: e.white,
             controlActivatedInverse: e.white,
             controlError: e.pepper,
+            barTrack: e.grey3,
             loadingBar: e.pink,
             loadingBarBackground: e.pepperLight30,
             toggleAndroidInactive: e.grey2,
@@ -231,6 +232,7 @@ const e = {
             controlInverse: e.darkModeGrey6,
             controlActivatedInverse: e.vivoPurpleLight80,
             controlError: e.pepper,
+            barTrack: e.darkModeGrey6,
             loadingBar: e.vivoPurpleLight80,
             loadingBarBackground: e.darkModeGrey6,
             toggleAndroidInactive: e.grey4,

package/dist/slider.css-mistica.js

@@ -28,15 +28,15 @@ _export(exports, {
         return a;
     },
     thumbContainer: function() {
-        return t;
+        return j;
     },
     thumbHover: function() {
-        return g;
+        return t;
     },
     track: function() {
-        return j;
+        return i;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./slider.css.ts.vanilla.css-mistica.js");
-var n = "_1j1wlhk1 _1y2v1nfh3 _1y2v1nfga _1y2v1nfgg _1y2v1nfgv _1y2v1nfjg", f = "_1j1wlhk7 _1y2v1nfhb _1y2v1nfhr _1y2v1nfiz _1y2v1nf4d", y = "_1j1wlhk2", h = "_1j1wlhkd _1y2v1nfgb _1y2v1nfjn", r = "_1j1wlhk9 _1y2v1nf4l _1y2v1nfiz", a = "_1j1wlhkb", t = "_1j1wlhk5 _1y2v1nfgb _1y2v1nfgg _1y2v1nfgv _1y2v1nfgp", g = "_1j1wlhka", j = "_1y2v1nfh3 _1y2v1nfhn _1y2v1nfjd";
+var n = "_1j1wlhk1 _1y2v1nfh5 _1y2v1nfgc _1y2v1nfgi _1y2v1nfgx _1y2v1nfji", f = "_1j1wlhk7 _1y2v1nfhd _1y2v1nfht _1y2v1nfj1 _1y2v1nf4e", y = "_1j1wlhk2", h = "_1j1wlhkd _1y2v1nfgd _1y2v1nfjp", r = "_1j1wlhk9 _1y2v1nf4n _1y2v1nfj1", a = "_1j1wlhkb", j = "_1j1wlhk5 _1y2v1nfgd _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr", t = "_1j1wlhka", i = "_1y2v1nfh5 _1y2v1nfhp _1y2v1nfjf";