@telefonica/mistica 16.43.1 → 16.44.0

package/dist-es/skins/esimflag.js

@@ -50,6 +50,7 @@ const e = {
             background: e.white,
             backgroundAlternative: e.grey1,
             backgroundBrand: `linear-gradient(180deg, ${e.blue55} 0%, ${e.blue} 60%, ${e.purple} 100%)`,
+            backgroundNegative: e.blue65,
             backgroundBrandSecondary: e.blue,
             backgroundContainer: e.white,
             backgroundContainerError: e.tomato10,
@@ -59,10 +60,14 @@ const e = {
             backgroundContainerBrandHover: r(e.blue55, 0.2),
             backgroundContainerBrandPressed: r(e.blue55, 0.4),
             backgroundContainerBrandOverInverse: e.blue80,
+            backgroundContainerNegative: r(e.darkModeBlack, 0.6),
+            backgroundContainerBrandOverBrand: e.blue80,
             backgroundContainerAlternative: e.grey1,
             backgroundOverlay: r(e.black, 0.6),
             backgroundSkeleton: e.grey2,
             backgroundSkeletonInverse: e.blue55,
+            backgroundSkeletonNegative: r(e.black, 0.2),
+            backgroundSkeletonBrand: e.blue55,
             backgroundBrandTop: e.blue65,
             backgroundBrandBottom: e.purple,
             appBarBackground: e.white,
@@ -78,47 +83,78 @@ const e = {
             buttonDangerBackgroundPressed: e.tomato65,
             buttonDangerBackgroundHover: e.tomato60,
             buttonLinkDangerBackgroundInverse: e.white,
+            buttonLinkDangerBackgroundNegative: e.white,
+            buttonLinkDangerBackgroundBrand: e.white,
             buttonLinkDangerBackgroundMedia: e.white,
             buttonLinkDangerBackgroundPressed: e.tomato10,
             buttonLinkDangerBackgroundInversePressed: e.tomato10,
+            buttonLinkDangerBackgroundNegativePressed: e.tomato10,
+            buttonLinkDangerBackgroundBrandPressed: e.tomato10,
             buttonLinkDangerBackgroundMediaPressed: e.tomato10,
             buttonLinkBackgroundPressed: r(e.purple55, 0.08),
             buttonLinkBackgroundInversePressed: r(e.white, 0.08),
+            buttonLinkBackgroundNegativePressed: r(e.white, 0.08),
+            buttonLinkBackgroundBrandPressed: r(e.white, 0.08),
             buttonLinkBackgroundMediaPressed: r(e.white, 0.08),
             buttonPrimaryBackground: e.blue,
             buttonPrimaryBackgroundInverse: e.white,
+            buttonPrimaryBackgroundNegative: e.white,
+            buttonPrimaryBackgroundBrand: e.white,
             buttonPrimaryBackgroundMedia: e.white,
             buttonPrimaryBackgroundHover: e.blue55,
             buttonPrimaryBackgroundInverseHover: e.blue15,
+            buttonPrimaryBackgroundNegativeHover: e.blue15,
+            buttonPrimaryBackgroundBrandHover: e.blue15,
             buttonPrimaryBackgroundMediaHover: e.blue15,
             buttonPrimaryBackgroundPressed: e.blue65,
             buttonPrimaryBackgroundInversePressed: e.blue15,
+            buttonPrimaryBackgroundNegativePressed: e.blue15,
+            buttonPrimaryBackgroundBrandPressed: e.blue15,
             buttonPrimaryBackgroundMediaPressed: e.blue15,
+            buttonSecondaryBackgroundBrand: r(e.white, 0),
             buttonSecondaryBorder: e.blue,
             buttonSecondaryBorderInverse: e.white,
+            buttonSecondaryBorderNegative: e.white,
+            buttonSecondaryBorderBrand: e.white,
             buttonSecondaryBorderMedia: e.white,
             buttonSecondaryBorderPressed: e.blue55,
             buttonSecondaryBorderInversePressed: e.white,
+            buttonSecondaryBorderNegativePressed: e.white,
+            buttonSecondaryBorderBrandPressed: e.white,
             buttonSecondaryBorderMediaPressed: e.white,
             buttonSecondaryBackgroundHover: e.blue10,
             buttonSecondaryBackgroundInverseHover: r(e.white, 0.15),
+            buttonSecondaryBackgroundNegativeHover: r(e.white, 0.15),
+            buttonSecondaryBackgroundBrandHover: r(e.white, 0.15),
             buttonSecondaryBackgroundMediaHover: r(e.white, 0.15),
             buttonSecondaryBackgroundPressed: e.blue15,
             buttonSecondaryBackgroundInversePressed: r(e.white, 0.15),
+            buttonSecondaryBackgroundNegativePressed: r(e.white, 0.15),
+            buttonSecondaryBackgroundBrandPressed: r(e.white, 0.15),
             buttonSecondaryBackgroundMediaPressed: r(e.white, 0.15),
             textButtonPrimary: e.white,
             textButtonPrimaryInverse: e.blue,
+            textButtonPrimaryNegative: e.blue,
+            textButtonPrimaryBrand: e.blue,
             textButtonPrimaryMedia: e.blue,
             textButtonPrimaryInversePressed: e.blue55,
+            textButtonPrimaryNegativePressed: e.blue55,
+            textButtonPrimaryBrandPressed: e.blue55,
             textButtonPrimaryMediaPressed: e.blue55,
             textButtonSecondary: e.blue,
             textButtonSecondaryInverse: e.white,
+            textButtonSecondaryNegative: e.white,
+            textButtonSecondaryBrand: e.white,
             textButtonSecondaryMedia: e.white,
             textButtonSecondaryPressed: e.blue55,
             textButtonSecondaryInversePressed: e.white,
+            textButtonSecondaryNegativePressed: e.white,
+            textButtonSecondaryBrandPressed: e.white,
             textButtonSecondaryMediaPressed: e.white,
             textLink: e.purple,
             textLinkInverse: e.white,
+            textLinkNegative: e.white,
+            textLinkBrand: e.white,
             textLinkMedia: e.white,
             textLinkDanger: e.tomato55,
             textLinkDangerMedia: e.tomato55,
@@ -127,23 +163,42 @@ const e = {
             textBrand: e.blue,
             inputBorder: e.grey4,
             inputBorderInverse: e.white,
+            inputBorderNegative: e.white,
+            inputBorderBrand: e.white,
             completedStep: e.blue,
             completedStepInverse: e.blue80,
+            completedStepNegative: e.blue80,
+            completedStepBrand: e.blue80,
             control: e.grey4,
             controlActivated: e.blue,
             controlInverse: e.blue20,
+            controlNegative: e.blue20,
+            controlBrand: e.blue20,
             controlActivatedInverse: e.white,
+            controlActivatedNegative: e.white,
+            controlActivatedBrand: e.white,
             controlError: e.tomato,
+            chevronIndicator: e.grey5,
             barTrack: e.grey3,
             barTrackInverse: r(e.white, 0.3),
+            barTrackNegative: r(e.white, 0.3),
+            barTrackBrand: r(e.white, 0.3),
             loadingBar: e.blue,
             loadingBarBackground: e.grey2,
             toggleAndroidInactive: e.grey3,
             toggleAndroidBackgroundActive: e.blue20,
+            toggleAndroidActiveBrand: e.white,
+            toggleAndroidInactiveBrand: e.grey3,
+            toggleAndroidBackgroundActiveBrand: e.blue20,
+            toggleAndroidBackgroundInactiveBrand: e.blue20,
             iosControlKnob: e.white,
             controlKnobInverse: e.blue,
+            controlKnobNegative: e.blue,
+            controlKnobBrand: e.blue,
             divider: e.grey3,
             dividerInverse: r(e.white, 0.2),
+            dividerNegative: r(e.white, 0.2),
+            dividerBrand: r(e.white, 0.2),
             navigationBarDivider: e.grey3,
             badge: e.tomato65,
             feedbackErrorBackground: e.tomato,
@@ -151,22 +206,33 @@ const e = {
             brand: e.blue,
             brandHigh: e.blue55,
             inverse: e.white,
+            negative: e.white,
             neutralHigh: e.blue85,
+            neutralHighNegative: e.white,
+            neutralHighBrand: e.white,
             neutralMedium: e.grey5,
             neutralMediumInverse: e.grey5,
+            neutralMediumNegative: e.grey5,
+            neutralMediumBrand: e.grey5,
             neutralLow: e.grey1,
             neutralLowAlternative: e.grey2,
             textPrimary: e.blue85,
             textPrimaryInverse: e.white,
+            textPrimaryNegative: e.white,
+            textPrimaryBrand: e.white,
             textPrimaryMedia: e.white,
             textSecondary: e.grey5,
             textSecondaryInverse: e.blue10,
+            textSecondaryNegative: e.blue10,
+            textSecondaryBrand: e.blue10,
             textSecondaryMedia: e.white,
             success: e.grass,
             warning: e.peach,
             error: e.tomato,
             textError: e.tomato55,
             textErrorInverse: e.white,
+            textErrorNegative: e.white,
+            textErrorBrand: e.white,
             promo: e.purple,
             highlight: e.teal75,
             successLow: e.grass10,
@@ -179,15 +245,24 @@ const e = {
             errorHigh: e.tomato60,
             promoHigh: e.purple,
             successHighInverse: e.grass70,
+            successHighNegative: e.grass70,
+            successHighBrand: e.grass70,
             warningHighInverse: e.peach75,
+            warningHighNegative: e.peach75,
+            warningHighBrand: e.peach75,
             errorHighInverse: e.tomato60,
+            errorHighNegative: e.tomato60,
+            errorHighBrand: e.tomato60,
             promoHighInverse: e.purple,
+            promoHighNegative: e.purple,
+            promoHighBrand: e.purple,
             textNavigationBarPrimary: e.white,
             textNavigationBarSecondary: e.blue20,
             textNavigationSearchBarHint: e.blue20,
             textNavigationSearchBarText: e.white,
             textAppBar: e.grey5,
             textAppBarSelected: e.blue55,
+            iosGlassAppBarSelected: e.blue55,
             customTabsBackground: e.blue,
             tagTextPromo: e.blue85,
             tagTextActive: e.blue85,
@@ -204,19 +279,47 @@ const e = {
             tagBackgroundWarning: e.peach,
             tagBackgroundError: e.chili,
             tagTextPromoInverse: e.purple55,
+            tagTextPromoNegative: e.purple55,
+            tagTextPromoBrand: e.purple55,
             tagTextActiveInverse: e.teal75,
+            tagTextActiveNegative: e.teal75,
+            tagTextActiveBrand: e.teal75,
             tagTextInactiveInverse: e.grey5,
+            tagTextInactiveNegative: e.grey5,
+            tagTextInactiveBrand: e.grey5,
             tagTextInfoInverse: e.purple,
+            tagTextInfoNegative: e.purple,
+            tagTextInfoBrand: e.purple,
             tagTextSuccessInverse: e.grass75,
+            tagTextSuccessNegative: e.grass75,
+            tagTextSuccessBrand: e.grass75,
             tagTextWarningInverse: e.peach75,
+            tagTextWarningNegative: e.peach75,
+            tagTextWarningBrand: e.peach75,
             tagTextErrorInverse: e.tomato65,
+            tagTextErrorNegative: e.tomato65,
+            tagTextErrorBrand: e.tomato65,
             tagBackgroundPromoInverse: e.blush,
+            tagBackgroundPromoNegative: e.blush,
+            tagBackgroundPromoBrand: e.blush,
             tagBackgroundActiveInverse: e.teal10,
+            tagBackgroundActiveNegative: e.teal10,
+            tagBackgroundActiveBrand: e.teal10,
             tagBackgroundInactiveInverse: e.grey2,
+            tagBackgroundInactiveNegative: e.grey2,
+            tagBackgroundInactiveBrand: e.grey2,
             tagBackgroundInfoInverse: e.purple10,
+            tagBackgroundInfoNegative: e.purple10,
+            tagBackgroundInfoBrand: e.purple10,
             tagBackgroundSuccessInverse: e.grass10,
+            tagBackgroundSuccessNegative: e.grass10,
+            tagBackgroundSuccessBrand: e.grass10,
             tagBackgroundWarningInverse: e.peach10,
+            tagBackgroundWarningNegative: e.peach10,
+            tagBackgroundWarningBrand: e.peach10,
             tagBackgroundErrorInverse: e.tomato10,
+            tagBackgroundErrorNegative: e.tomato10,
+            tagBackgroundErrorBrand: e.tomato10,
             cardContentOverlay: `linear-gradient(180deg, ${r(e.black, 0)} 0%, ${r(e.black, 0.4)} 30%, ${r(e.black, 0.7)} 100%)`,
             cardFooterOverlay: r(e.black, 0.7)
         },
@@ -224,6 +327,7 @@ const e = {
             background: e.darkModeBlack,
             backgroundAlternative: e.darkModeBlack,
             backgroundBrand: e.darkModeBlack,
+            backgroundNegative: e.darkModeBlack,
             backgroundBrandSecondary: e.darkModeBlack,
             backgroundContainer: e.darkModeGrey,
             backgroundContainerError: e.darkModeGrey,
@@ -233,10 +337,14 @@ const e = {
             backgroundContainerBrandHover: r(e.white, 0.03),
             backgroundContainerBrandPressed: r(e.white, 0.05),
             backgroundContainerBrandOverInverse: e.darkModeGrey,
+            backgroundContainerNegative: e.darkModeGrey,
+            backgroundContainerBrandOverBrand: e.darkModeGrey,
             backgroundContainerAlternative: e.darkModeGrey,
             backgroundOverlay: r(e.darkModeGrey, 0.8),
             backgroundSkeleton: e.darkModeGrey6,
             backgroundSkeletonInverse: e.darkModeGrey6,
+            backgroundSkeletonNegative: e.darkModeGrey6,
+            backgroundSkeletonBrand: e.darkModeGrey6,
             backgroundBrandTop: e.darkModeBlack,
             backgroundBrandBottom: e.darkModeBlack,
             appBarBackground: e.darkModeGrey,
@@ -252,47 +360,78 @@ const e = {
             buttonDangerBackgroundPressed: e.tomato55,
             buttonDangerBackgroundHover: e.tomato55,
             buttonLinkDangerBackgroundInverse: r(e.white, 0),
+            buttonLinkDangerBackgroundNegative: r(e.white, 0),
+            buttonLinkDangerBackgroundBrand: r(e.white, 0),
             buttonLinkDangerBackgroundMedia: e.white,
             buttonLinkDangerBackgroundPressed: r(e.white, 0.08),
             buttonLinkDangerBackgroundInversePressed: r(e.white, 0.08),
+            buttonLinkDangerBackgroundNegativePressed: r(e.white, 0.08),
+            buttonLinkDangerBackgroundBrandPressed: r(e.white, 0.08),
             buttonLinkDangerBackgroundMediaPressed: e.tomato10,
             buttonLinkBackgroundPressed: r(e.white, 0.08),
             buttonLinkBackgroundInversePressed: r(e.white, 0.08),
+            buttonLinkBackgroundNegativePressed: r(e.white, 0.08),
+            buttonLinkBackgroundBrandPressed: r(e.white, 0.08),
             buttonLinkBackgroundMediaPressed: r(e.white, 0.08),
             buttonPrimaryBackground: e.blue,
             buttonPrimaryBackgroundInverse: e.blue,
+            buttonPrimaryBackgroundNegative: e.blue,
+            buttonPrimaryBackgroundBrand: e.blue,
             buttonPrimaryBackgroundMedia: e.white,
             buttonPrimaryBackgroundHover: e.blue55,
             buttonPrimaryBackgroundInverseHover: e.blue55,
+            buttonPrimaryBackgroundNegativeHover: e.blue55,
+            buttonPrimaryBackgroundBrandHover: e.blue55,
             buttonPrimaryBackgroundMediaHover: e.blue15,
             buttonPrimaryBackgroundPressed: e.blue55,
             buttonPrimaryBackgroundInversePressed: e.blue55,
+            buttonPrimaryBackgroundNegativePressed: e.blue55,
+            buttonPrimaryBackgroundBrandPressed: e.blue55,
             buttonPrimaryBackgroundMediaPressed: e.blue15,
+            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.15),
             buttonSecondaryBackgroundPressed: r(e.white, 0.15),
             buttonSecondaryBackgroundInversePressed: r(e.white, 0.15),
+            buttonSecondaryBackgroundNegativePressed: r(e.white, 0.15),
+            buttonSecondaryBackgroundBrandPressed: r(e.white, 0.15),
             buttonSecondaryBackgroundMediaPressed: r(e.white, 0.15),
             textButtonPrimary: e.white,
             textButtonPrimaryInverse: e.white,
+            textButtonPrimaryNegative: e.white,
+            textButtonPrimaryBrand: e.white,
             textButtonPrimaryMedia: e.blue,
             textButtonPrimaryInversePressed: e.white,
+            textButtonPrimaryNegativePressed: e.white,
+            textButtonPrimaryBrandPressed: e.white,
             textButtonPrimaryMediaPressed: e.blue55,
             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.purple30,
             textLinkInverse: e.purple30,
+            textLinkNegative: e.purple30,
+            textLinkBrand: e.purple30,
             textLinkMedia: e.white,
             textLinkDanger: e.chili,
             textLinkDangerMedia: e.tomato55,
@@ -301,46 +440,76 @@ const e = {
             textBrand: e.blue30,
             inputBorder: e.grey4,
             inputBorderInverse: e.grey4,
+            inputBorderNegative: e.grey4,
+            inputBorderBrand: e.grey4,
             completedStep: e.blue,
             completedStepInverse: e.blue,
+            completedStepNegative: e.blue,
+            completedStepBrand: e.blue,
             control: e.grey4,
             controlActivated: e.blue,
             controlInverse: e.grey4,
+            controlNegative: e.grey4,
+            controlBrand: e.grey4,
             controlActivatedInverse: e.darkModeBlue,
+            controlActivatedNegative: e.darkModeBlue,
+            controlActivatedBrand: e.darkModeBlue,
             controlError: e.tomato55,
+            chevronIndicator: e.grey4,
             barTrack: e.darkModeGrey6,
             barTrackInverse: e.darkModeGrey6,
+            barTrackNegative: e.darkModeGrey6,
+            barTrackBrand: e.darkModeGrey6,
             loadingBar: e.darkModeBlue,
             loadingBarBackground: e.darkModeGrey6,
             toggleAndroidInactive: e.grey2,
             toggleAndroidBackgroundActive: e.blue15,
+            toggleAndroidActiveBrand: e.darkModeBlue,
+            toggleAndroidInactiveBrand: e.grey2,
+            toggleAndroidBackgroundActiveBrand: e.blue15,
+            toggleAndroidBackgroundInactiveBrand: e.grey4,
             iosControlKnob: e.grey3,
             controlKnobInverse: e.grey3,
+            controlKnobNegative: e.grey3,
+            controlKnobBrand: e.grey3,
             badge: e.tomato65,
             feedbackErrorBackground: e.tomato60,
             feedbackInfoBackground: e.darkModeGrey6,
             divider: r(e.white, 0.1),
             dividerInverse: r(e.white, 0.1),
+            dividerNegative: r(e.white, 0.1),
+            dividerBrand: r(e.white, 0.1),
             navigationBarDivider: e.darkModeBlack,
             brand: e.blue15,
             brandHigh: r(e.white, 0.05),
             inverse: e.grey3,
+            negative: e.grey3,
             neutralHigh: e.grey3,
+            neutralHighNegative: e.grey3,
+            neutralHighBrand: e.grey3,
             neutralMedium: e.grey6,
             neutralMediumInverse: e.grey6,
+            neutralMediumNegative: e.grey6,
+            neutralMediumBrand: e.grey6,
             neutralLow: e.grey6,
             neutralLowAlternative: e.grey6,
             textPrimary: e.grey3,
             textPrimaryInverse: e.grey3,
+            textPrimaryNegative: e.grey3,
+            textPrimaryBrand: e.grey3,
             textPrimaryMedia: e.white,
             textSecondary: e.grey4,
             textSecondaryInverse: e.grey4,
+            textSecondaryNegative: e.grey4,
+            textSecondaryBrand: e.grey4,
             textSecondaryMedia: e.white,
             success: e.grass,
             warning: e.peach,
             error: e.chili,
             textError: e.chili,
             textErrorInverse: e.chili,
+            textErrorNegative: e.chili,
+            textErrorBrand: e.chili,
             promo: e.purple,
             highlight: e.teal,
             successLow: e.darkModeGrey6,
@@ -353,15 +522,24 @@ const e = {
             errorHigh: e.tomato60,
             promoHigh: e.purple55,
             successHighInverse: e.grass75,
+            successHighNegative: e.grass75,
+            successHighBrand: e.grass75,
             warningHighInverse: e.peach75,
+            warningHighNegative: e.peach75,
+            warningHighBrand: e.peach75,
             errorHighInverse: e.tomato60,
+            errorHighNegative: e.tomato60,
+            errorHighBrand: e.tomato60,
             promoHighInverse: e.purple55,
+            promoHighNegative: e.purple55,
+            promoHighBrand: e.purple55,
             textNavigationBarPrimary: e.grey3,
             textNavigationBarSecondary: e.grey4,
             textNavigationSearchBarHint: e.grey4,
             textNavigationSearchBarText: e.grey3,
             textAppBar: e.grey4,
             textAppBarSelected: e.blue15,
+            iosGlassAppBarSelected: e.white,
             customTabsBackground: e.darkModeBlack,
             tagTextPromo: e.blush,
             tagTextActive: e.blue30,
@@ -378,19 +556,47 @@ const e = {
             tagBackgroundWarning: e.darkModeGrey6,
             tagBackgroundError: e.darkModeGrey6,
             tagTextPromoInverse: e.blush,
+            tagTextPromoNegative: e.blush,
+            tagTextPromoBrand: e.blush,
             tagTextActiveInverse: e.blue30,
+            tagTextActiveNegative: e.blue30,
+            tagTextActiveBrand: e.blue30,
             tagTextInactiveInverse: e.grey3,
+            tagTextInactiveNegative: e.grey3,
+            tagTextInactiveBrand: e.grey3,
             tagTextInfoInverse: e.blue30,
+            tagTextInfoNegative: e.blue30,
+            tagTextInfoBrand: e.blue30,
             tagTextSuccessInverse: e.grass,
+            tagTextSuccessNegative: e.grass,
+            tagTextSuccessBrand: e.grass,
             tagTextWarningInverse: e.peach,
+            tagTextWarningNegative: e.peach,
+            tagTextWarningBrand: e.peach,
             tagTextErrorInverse: e.chili,
+            tagTextErrorNegative: e.chili,
+            tagTextErrorBrand: e.chili,
             tagBackgroundPromoInverse: e.darkModeGrey6,
+            tagBackgroundPromoNegative: e.darkModeGrey6,
+            tagBackgroundPromoBrand: e.darkModeGrey6,
             tagBackgroundActiveInverse: e.darkModeGrey6,
+            tagBackgroundActiveNegative: e.darkModeGrey6,
+            tagBackgroundActiveBrand: e.darkModeGrey6,
             tagBackgroundInactiveInverse: e.darkModeGrey6,
+            tagBackgroundInactiveNegative: e.darkModeGrey6,
+            tagBackgroundInactiveBrand: e.darkModeGrey6,
             tagBackgroundInfoInverse: e.darkModeGrey6,
+            tagBackgroundInfoNegative: e.darkModeGrey6,
+            tagBackgroundInfoBrand: e.darkModeGrey6,
             tagBackgroundSuccessInverse: e.darkModeGrey6,
+            tagBackgroundSuccessNegative: e.darkModeGrey6,
+            tagBackgroundSuccessBrand: e.darkModeGrey6,
             tagBackgroundWarningInverse: e.darkModeGrey6,
+            tagBackgroundWarningNegative: e.darkModeGrey6,
+            tagBackgroundWarningBrand: e.darkModeGrey6,
             tagBackgroundErrorInverse: e.darkModeGrey6,
+            tagBackgroundErrorNegative: e.darkModeGrey6,
+            tagBackgroundErrorBrand: e.darkModeGrey6,
             cardContentOverlay: `linear-gradient(180deg, ${r(e.black, 0)} 0%, ${r(e.black, 0.4)} 30%, ${r(e.black, 0.7)} 100%)`,
             cardFooterOverlay: r(e.black, 0.7)
         },
@@ -416,18 +622,79 @@ const e = {
             cardTitle: {
                 weight: "medium"
             },
+            chipLabel: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 20
+                },
+                size: {
+                    desktop: 16,
+                    mobile: 14
+                },
+                weight: "medium"
+            },
             indicator: {
                 weight: "medium"
             },
+            inputHelperText: {
+                lineHeight: {
+                    desktop: 20,
+                    mobile: 16
+                },
+                size: {
+                    desktop: 14,
+                    mobile: 12
+                }
+            },
+            inputLabel: {
+                lineHeight: {
+                    desktop: 20,
+                    mobile: 16
+                },
+                size: {
+                    desktop: 14,
+                    mobile: 12
+                }
+            },
+            inputValue: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 18,
+                    mobile: 16
+                }
+            },
             link: {
                 weight: "medium"
             },
+            loadingScreenTitle: {
+                lineHeight: {
+                    desktop: 28,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 20,
+                    mobile: 18
+                }
+            },
             navigationBar: {
                 weight: "medium"
             },
             rowTitle: {
                 weight: "regular"
             },
+            stepperStepLabel: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 20
+                },
+                size: {
+                    desktop: 16,
+                    mobile: 14
+                }
+            },
             tabsLabel: {
                 lineHeight: {
                     desktop: 24,
@@ -546,9 +813,25 @@ const e = {
                 weight: "bold"
             },
             title1: {
+                lineHeight: {
+                    desktop: 20,
+                    mobile: 16
+                },
+                size: {
+                    desktop: 14,
+                    mobile: 12
+                },
                 weight: "medium"
             },
             title2: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 18,
+                    mobile: 16
+                },
                 weight: "bold"
             },
             title3: {
@@ -561,6 +844,17 @@ const e = {
                     mobile: 20
                 },
                 weight: "bold"
+            },
+            title4: {
+                lineHeight: {
+                    desktop: 40,
+                    mobile: 32
+                },
+                size: {
+                    desktop: 32,
+                    mobile: 24
+                },
+                weight: "bold"
             }
         },
         themeVariants: {