@telefonica/mistica 16.65.0 → 16.66.0

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

@@ -10,102 +10,105 @@ function _export(target, all) {
 }
 _export(exports, {
     get CYBER_SKIN () {
-        return a;
+        return t;
     },
     get getCyberSkin () {
-        return o;
+        return d;
     },
     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",
+const t = "Cyber", e = {
+    brand: "#0066FF",
+    brandDark: "#00264D",
+    brand10: "#F7F7FF",
+    brand15: "#E5F0FF",
+    brand20: "#B2D1FF",
+    brand30: "#80B3FF",
+    brand70: "#0356C9",
+    brand80: "#002E73",
+    yellow15: "#FCF7DB",
+    yellow40: "#F0D57C",
+    yellow60: "#BEA537",
+    yellow80: "#473515",
+    red10: "#F9EEED",
+    red20: "#F2B1A5",
+    red30: "#D6786B",
+    red50: "#D22A1E",
+    red60: "#BF2618",
+    red90: "#491818",
+    purple: "#B86BE8",
+    purple10: "#F8F0FD",
+    purple40: "#CD97EF",
+    purple70: "#9E2EB1",
+    purple80: "#471551",
+    teal: "#75C0C7",
+    teal10: "#EBFFFF",
+    teal20: "#BFEAEC",
+    teal40: "#9ED3D8",
+    teal70: "#528889",
+    teal80: "#253D3C",
+    grey100: "#D1D5E4",
+    grey200: "#B0B6CA",
+    grey300: "#8F97AF",
+    grey400: "#6E7894",
+    grey500: "#5A637C",
+    grey700: "#2F4255",
+    grey800: "#393F46",
+    grey900: "#031A34",
     white: "#FFFFFF",
-    darkModeBlack: "#191919",
-    darkModeGrey: "#242424",
-    darkModeGrey5: "#6D7D88",
-    darkModeGrey6: "#313235"
-}, o = ()=>({
-        name: a,
+    black: "#000000",
+    darkModeBlack: "#070706",
+    darkModeGrey: "#151414",
+    darkModeBrand: "#227AFF"
+}, d = ()=>({
+        name: t,
         colors: {
+            appBarBackground: e.white,
             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),
+            backgroundContainerHover: (0, _color.applyAlpha)(e.brand70, 0.05),
+            backgroundContainerPressed: (0, _color.applyAlpha)(e.brand70, 0.08),
+            backgroundContainerBrand: e.brand,
+            backgroundContainerBrandHover: (0, _color.applyAlpha)(e.darkModeBlack, 0.2),
+            backgroundContainerBrandPressed: (0, _color.applyAlpha)(e.darkModeBlack, 0.4),
+            backgroundContainerBrandOverInverse: e.brand70,
+            backgroundContainerNegative: (0, _color.applyAlpha)(e.white, 0.1),
+            backgroundContainerBrandOverBrand: e.brand70,
+            backgroundContainerAlternative: e.brand10,
+            backgroundBrand: e.brand,
+            backgroundNegative: e.grey900,
+            backgroundBrandSecondary: e.brand,
+            backgroundOverlay: (0, _color.applyAlpha)(e.grey900, 0.8),
+            backgroundSkeleton: e.grey100,
+            backgroundSkeletonInverse: e.brand70,
+            backgroundSkeletonNegative: (0, _color.applyAlpha)(e.black, 0.2),
+            backgroundSkeletonBrand: e.brand70,
+            navigationBarBackground: e.brand,
+            backgroundAlternative: e.brand10,
+            backgroundBrandTop: e.brand,
+            backgroundBrandBottom: e.brand,
+            backgroundDropZoneHover: (0, _color.applyAlpha)(e.brand70, 0.05),
+            backgroundDropZoneDragover: (0, _color.applyAlpha)(e.brand70, 0.08),
+            backgroundDropZoneBrandHover: (0, _color.applyAlpha)(e.brand80, 0.2),
+            backgroundDropZoneBrandDragover: (0, _color.applyAlpha)(e.brand80, 0.4),
             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,
+            backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.brand80, 0.2),
+            backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(e.brand80, 0.4),
+            skeletonWave: e.grey100,
+            borderLow: e.grey100,
+            border: e.grey300,
+            borderHigh: e.grey500,
+            borderSelected: e.brand,
             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,
+            buttonDangerBackground: e.red50,
+            buttonDangerBackgroundPressed: e.red60,
+            buttonDangerBackgroundHover: e.red60,
             buttonLinkDangerBackgroundInverse: e.white,
             buttonLinkDangerBackgroundNegative: e.white,
             buttonLinkDangerBackgroundBrand: e.white,
@@ -115,234 +118,238 @@ const a = "Cyber", e = {
             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,
+            buttonLinkBackgroundPressed: e.brand10,
+            buttonLinkBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonLinkBackgroundNegativePressed: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonLinkBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonPrimaryBackground: e.black,
+            buttonPrimaryBackgroundInverse: e.white,
             buttonPrimaryBackgroundNegative: e.white,
-            buttonPrimaryBackgroundBrand: e.secondary,
+            buttonPrimaryBackgroundBrand: e.white,
             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),
+            buttonPrimaryBackgroundHover: e.brand70,
+            buttonPrimaryBackgroundInverseHover: e.brand15,
+            buttonPrimaryBackgroundNegativeHover: e.brand15,
+            buttonPrimaryBackgroundBrandHover: e.brand15,
+            buttonPrimaryBackgroundMediaHover: e.brand15,
+            buttonPrimaryBackgroundPressed: e.brand70,
+            buttonPrimaryBackgroundInversePressed: e.brand15,
+            buttonPrimaryBackgroundNegativePressed: e.brand15,
+            buttonPrimaryBackgroundBrandPressed: e.brand15,
+            buttonPrimaryBackgroundMediaPressed: e.brand15,
+            buttonSecondaryBackgroundBrand: (0, _color.applyAlpha)(e.white, 0),
+            buttonSecondaryBorder: e.brand,
+            buttonSecondaryBorderInverse: e.white,
             buttonSecondaryBorderNegative: e.white,
-            buttonSecondaryBorderBrand: (0, _color.applyAlpha)(e.white, 0),
+            buttonSecondaryBorderBrand: e.white,
             buttonSecondaryBorderMedia: e.white,
-            buttonSecondaryBorderPressed: e.secondary60,
-            buttonSecondaryBorderInversePressed: (0, _color.applyAlpha)(e.white, 0),
+            buttonSecondaryBorderPressed: e.brand70,
+            buttonSecondaryBorderInversePressed: e.white,
             buttonSecondaryBorderNegativePressed: e.white,
-            buttonSecondaryBorderBrandPressed: (0, _color.applyAlpha)(e.white, 0),
+            buttonSecondaryBorderBrandPressed: e.white,
             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),
+            buttonSecondaryBackgroundHover: e.brand15,
+            buttonSecondaryBackgroundInverseHover: (0, _color.applyAlpha)(e.white, 0.1),
+            buttonSecondaryBackgroundNegativeHover: (0, _color.applyAlpha)(e.white, 0.1),
+            buttonSecondaryBackgroundBrandHover: (0, _color.applyAlpha)(e.white, 0.1),
+            buttonSecondaryBackgroundMediaHover: (0, _color.applyAlpha)(e.white, 0.1),
+            buttonSecondaryBackgroundPressed: e.brand15,
+            buttonSecondaryBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.1),
+            buttonSecondaryBackgroundNegativePressed: (0, _color.applyAlpha)(e.white, 0.1),
+            buttonSecondaryBackgroundBrandPressed: (0, _color.applyAlpha)(e.white, 0.1),
+            buttonSecondaryBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.1),
             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,
+            textButtonPrimaryInverse: e.brand,
+            textButtonPrimaryNegative: e.brand,
+            textButtonPrimaryBrand: e.brand,
+            textButtonPrimaryMedia: e.brand,
+            textButtonPrimaryInversePressed: e.brand70,
+            textButtonPrimaryNegativePressed: e.brand70,
+            textButtonPrimaryBrandPressed: e.brand70,
+            textButtonPrimaryMediaPressed: e.brand70,
+            textButtonSecondary: e.black,
+            textButtonSecondaryInverse: e.white,
             textButtonSecondaryNegative: e.white,
-            textButtonSecondaryBrand: e.secondary,
+            textButtonSecondaryBrand: e.white,
             textButtonSecondaryMedia: e.white,
-            textButtonSecondaryPressed: e.secondary60,
-            textButtonSecondaryInversePressed: e.secondary60,
+            textButtonSecondaryPressed: e.brand70,
+            textButtonSecondaryInversePressed: e.white,
             textButtonSecondaryNegativePressed: e.white,
-            textButtonSecondaryBrandPressed: e.secondary60,
+            textButtonSecondaryBrandPressed: e.white,
             textButtonSecondaryMediaPressed: e.white,
-            textLink: e.accent,
-            textLinkInverse: e.grey6,
+            textLink: e.brand,
+            textLinkInverse: e.white,
             textLinkNegative: e.white,
-            textLinkBrand: e.grey6,
+            textLinkBrand: e.white,
             textLinkMedia: e.white,
-            textLinkDanger: e.red,
-            textLinkDangerMedia: e.red,
-            textLinkSnackbar: e.accent30,
-            textActivated: e.secondary,
-            textBrand: e.secondary,
-            inputBorder: e.grey4,
-            inputBorderInverse: e.grey6,
+            textLinkDanger: e.red50,
+            textLinkDangerMedia: e.red50,
+            textLinkSnackbar: e.brand30,
+            textActivated: e.brand70,
+            textBrand: e.brand70,
+            inputBorder: e.grey400,
+            inputBorderInverse: e.white,
             inputBorderNegative: e.white,
-            inputBorderBrand: e.grey6,
-            control: e.grey4,
-            controlActivated: e.secondary,
-            controlInverse: e.secondary60,
-            controlNegative: e.primary30,
-            controlBrand: e.secondary60,
-            controlActivatedInverse: e.secondary60,
+            inputBorderBrand: e.white,
+            completedStep: e.brand,
+            completedStepInverse: e.brand70,
+            completedStepNegative: e.brand70,
+            completedStepBrand: e.brand70,
+            control: e.grey400,
+            controlActivated: e.brand,
+            controlInverse: e.brand10,
+            controlNegative: e.brand10,
+            controlBrand: e.brand10,
+            controlActivatedInverse: e.white,
             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,
+            controlActivatedBrand: e.white,
+            controlError: e.red50,
+            chevronIndicator: e.grey400,
+            barTrack: e.grey100,
+            barTrackInverse: (0, _color.applyAlpha)(e.white, 0.3),
+            barTrackNegative: (0, _color.applyAlpha)(e.white, 0.3),
+            barTrackBrand: (0, _color.applyAlpha)(e.white, 0.3),
+            loadingBar: e.brand30,
+            loadingBarBackground: e.brand70,
+            toggleAndroidInactive: e.grey100,
+            toggleAndroidBackgroundActive: e.grey100,
+            toggleAndroidActiveBrand: e.white,
+            toggleAndroidInactiveBrand: e.grey100,
+            toggleAndroidBackgroundActiveBrand: e.grey100,
+            toggleAndroidBackgroundInactiveBrand: e.brand10,
             iosControlKnob: e.white,
-            controlKnobInverse: e.primary,
-            controlKnobNegative: e.secondary,
-            controlKnobBrand: e.primary,
-            divider: e.grey3,
-            dividerInverse: (0, _color.applyAlpha)(e.grey6, 0.2),
+            controlKnobInverse: e.brand,
+            controlKnobNegative: e.brand,
+            controlKnobBrand: e.brand,
+            divider: e.grey100,
+            dividerInverse: (0, _color.applyAlpha)(e.white, 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,
+            dividerBrand: (0, _color.applyAlpha)(e.white, 0.2),
+            navigationBarDivider: e.brand,
+            badge: e.red50,
+            feedbackErrorBackground: e.red50,
+            feedbackInfoBackground: e.grey900,
+            brand: e.brand,
+            brandHigh: e.brand70,
             inverse: e.white,
             negative: e.white,
-            neutralHigh: e.grey6,
+            neutralHigh: e.grey900,
             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,
+            neutralHighBrand: e.white,
+            neutralMedium: e.grey400,
+            neutralMediumInverse: e.grey400,
+            neutralMediumNegative: e.grey400,
+            neutralMediumBrand: e.grey400,
+            neutralLow: e.brand10,
+            neutralLowAlternative: e.grey100,
+            textPrimary: e.grey900,
+            textPrimaryInverse: e.white,
             textPrimaryNegative: e.white,
-            textPrimaryBrand: e.grey6,
+            textPrimaryBrand: e.white,
             textPrimaryMedia: e.white,
-            textSecondary: e.grey5,
-            textSecondaryInverse: e.grey6,
-            textSecondaryNegative: e.primary20,
-            textSecondaryBrand: e.grey6,
+            textSecondary: e.grey500,
+            textSecondaryInverse: e.white,
+            textSecondaryNegative: e.white,
+            textSecondaryBrand: e.white,
             textSecondaryMedia: e.white,
-            error: e.red,
-            textError: e.red,
-            textErrorInverse: e.grey6,
+            error: e.red50,
+            textError: e.red50,
+            textErrorInverse: e.white,
             textErrorNegative: e.white,
-            textErrorBrand: e.grey6,
-            success: e.green70,
-            warning: e.yellow65,
-            promo: e.accent,
-            highlight: e.primary,
-            successLow: e.green10,
-            warningLow: e.yellow10,
+            textErrorBrand: e.white,
+            success: e.teal,
+            warning: e.yellow60,
+            promo: e.purple,
+            highlight: e.red20,
+            successLow: e.teal10,
+            warningLow: e.yellow15,
             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,
+            promoLow: e.purple10,
+            brandLow: e.brand15,
+            successHigh: e.teal70,
+            warningHigh: e.yellow60,
+            errorHigh: e.red60,
+            promoHigh: e.purple70,
+            successHighInverse: e.teal70,
+            successHighNegative: e.teal70,
+            successHighBrand: e.teal70,
+            warningHighInverse: e.yellow60,
+            warningHighNegative: e.yellow60,
+            warningHighBrand: e.yellow60,
+            errorHighInverse: e.red60,
+            errorHighNegative: e.red60,
+            errorHighBrand: e.red60,
+            promoHighInverse: e.purple70,
+            promoHighNegative: e.purple70,
+            promoHighBrand: e.purple70,
+            textNavigationBarPrimary: e.white,
+            textNavigationBarSecondary: e.brand10,
+            textNavigationSearchBarHint: e.brand10,
+            textNavigationSearchBarText: e.white,
+            textAppBar: e.grey300,
+            textAppBarSelected: e.brand70,
+            iosGlassAppBar: e.grey900,
+            iosGlassAppBarSelected: e.brand70,
+            customTabsBackground: e.brand70,
+            tagTextPromo: e.purple80,
+            tagTextActive: e.brand70,
+            tagTextInactive: e.grey500,
+            tagTextInfo: e.brand70,
+            tagTextSuccess: e.teal80,
+            tagTextWarning: e.yellow80,
+            tagTextError: e.red60,
+            tagBackgroundPromo: e.purple10,
+            tagBackgroundActive: e.brand10,
+            tagBackgroundInactive: e.brand10,
+            tagBackgroundInfo: e.brand15,
+            tagBackgroundSuccess: e.teal20,
+            tagBackgroundWarning: e.yellow15,
             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,
+            tagTextPromoInverse: e.purple80,
+            tagTextPromoNegative: e.purple80,
+            tagTextPromoBrand: e.purple80,
+            tagTextActiveInverse: e.brand70,
+            tagTextActiveNegative: e.brand70,
+            tagTextActiveBrand: e.brand70,
+            tagTextInactiveInverse: e.grey500,
+            tagTextInactiveNegative: e.grey500,
+            tagTextInactiveBrand: e.grey500,
+            tagTextInfoInverse: e.brand70,
+            tagTextInfoNegative: e.brand70,
+            tagTextInfoBrand: e.brand70,
+            tagTextSuccessInverse: e.teal80,
+            tagTextSuccessNegative: e.teal80,
+            tagTextSuccessBrand: e.teal80,
+            tagTextWarningInverse: e.yellow80,
+            tagTextWarningNegative: e.yellow80,
+            tagTextWarningBrand: e.yellow80,
+            tagTextErrorInverse: e.red60,
+            tagTextErrorNegative: e.red60,
+            tagTextErrorBrand: e.red60,
+            tagBackgroundPromoInverse: e.purple10,
+            tagBackgroundPromoNegative: e.purple10,
+            tagBackgroundPromoBrand: e.purple10,
+            tagBackgroundActiveInverse: e.brand10,
+            tagBackgroundActiveNegative: e.brand10,
+            tagBackgroundActiveBrand: e.brand10,
+            tagBackgroundInactiveInverse: e.brand10,
+            tagBackgroundInactiveNegative: e.brand10,
+            tagBackgroundInactiveBrand: e.brand10,
+            tagBackgroundInfoInverse: e.brand15,
+            tagBackgroundInfoNegative: e.brand15,
+            tagBackgroundInfoBrand: e.brand15,
+            tagBackgroundSuccessInverse: e.teal10,
+            tagBackgroundSuccessNegative: e.teal10,
+            tagBackgroundSuccessBrand: e.teal10,
+            tagBackgroundWarningInverse: e.yellow15,
+            tagBackgroundWarningNegative: e.yellow15,
+            tagBackgroundWarningBrand: e.yellow15,
             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)
+            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.black, 0)} 0%, ${(0, _color.applyAlpha)(e.black, 0.4)} 30%, ${(0, _color.applyAlpha)(e.black, 0.7)} 100%)`,
+            cardFooterOverlay: (0, _color.applyAlpha)(e.black, 0.7)
         },
         darkModeColors: {
             background: e.darkModeBlack,
@@ -352,8 +359,8 @@ const a = "Cyber", e = {
             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),
+            backgroundContainerHover: (0, _color.applyAlpha)(e.brand70, 0.05),
+            backgroundContainerPressed: (0, _color.applyAlpha)(e.brand70, 0.08),
             backgroundContainerBrand: e.darkModeGrey,
             backgroundContainerBrandHover: (0, _color.applyAlpha)(e.white, 0.03),
             backgroundContainerBrandPressed: (0, _color.applyAlpha)(e.white, 0.05),
@@ -362,67 +369,63 @@ const a = "Cyber", e = {
             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,
+            backgroundSkeleton: e.grey700,
+            backgroundSkeletonInverse: e.grey700,
+            backgroundSkeletonNegative: e.grey700,
+            backgroundSkeletonBrand: e.grey700,
             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),
+            backgroundDropZoneHover: (0, _color.applyAlpha)(e.brand70, 0.05),
+            backgroundDropZoneDragover: (0, _color.applyAlpha)(e.brand70, 0.07),
             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),
+            backgroundDropZoneNegativeHover: (0, _color.applyAlpha)(e.white, 0.03),
+            backgroundDropZoneNegativeDragover: (0, _color.applyAlpha)(e.white, 0.05),
             backgroundDropZoneMediaHover: (0, _color.applyAlpha)(e.white, 0.03),
             backgroundDropZoneMediaDragover: (0, _color.applyAlpha)(e.white, 0.05),
-            skeletonWave: e.grey5,
+            skeletonWave: e.grey700,
             borderLow: e.darkModeBlack,
-            border: e.darkModeGrey,
-            borderHigh: e.grey5,
-            borderSelected: e.secondary60,
-            completedStep: e.secondary,
-            completedStepInverse: e.secondary,
-            completedStepNegative: e.secondary,
-            completedStepBrand: e.secondary,
+            border: e.grey800,
+            borderHigh: e.grey400,
+            borderSelected: e.darkModeBrand,
             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),
+            buttonDangerBackground: e.red50,
+            buttonDangerBackgroundPressed: e.red60,
+            buttonDangerBackgroundHover: e.red60,
+            buttonLinkDangerBackgroundInverse: (0, _color.applyAlpha)(e.red50, 0.16),
+            buttonLinkDangerBackgroundNegative: (0, _color.applyAlpha)(e.red50, 0.16),
+            buttonLinkDangerBackgroundBrand: (0, _color.applyAlpha)(e.red50, 0.16),
             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),
+            buttonLinkDangerBackgroundPressed: (0, _color.applyAlpha)(e.red50, 0.16),
+            buttonLinkDangerBackgroundInversePressed: (0, _color.applyAlpha)(e.red50, 0.16),
+            buttonLinkDangerBackgroundNegativePressed: (0, _color.applyAlpha)(e.red50, 0.16),
+            buttonLinkDangerBackgroundBrandPressed: (0, _color.applyAlpha)(e.red50, 0.16),
             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,
+            buttonLinkBackgroundPressed: (0, _color.applyAlpha)(e.brand30, 0.16),
+            buttonLinkBackgroundInversePressed: (0, _color.applyAlpha)(e.brand30, 0.16),
+            buttonLinkBackgroundNegativePressed: (0, _color.applyAlpha)(e.brand30, 0.16),
+            buttonLinkBackgroundBrandPressed: (0, _color.applyAlpha)(e.brand30, 0.16),
+            buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.08),
+            buttonPrimaryBackground: e.brand,
+            buttonPrimaryBackgroundInverse: e.white,
+            buttonPrimaryBackgroundNegative: e.white,
+            buttonPrimaryBackgroundBrand: e.white,
             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,
+            buttonPrimaryBackgroundHover: e.brand70,
+            buttonPrimaryBackgroundInverseHover: e.brand15,
+            buttonPrimaryBackgroundNegativeHover: e.brand15,
+            buttonPrimaryBackgroundBrandHover: e.brand15,
+            buttonPrimaryBackgroundMediaHover: e.brand15,
+            buttonPrimaryBackgroundPressed: e.brand70,
+            buttonPrimaryBackgroundInversePressed: e.brand15,
+            buttonPrimaryBackgroundNegativePressed: e.brand15,
+            buttonPrimaryBackgroundBrandPressed: e.brand15,
+            buttonPrimaryBackgroundMediaPressed: e.brand15,
             buttonSecondaryBackgroundBrand: (0, _color.applyAlpha)(e.white, 0),
-            buttonSecondaryBorder: e.white,
+            buttonSecondaryBorder: e.darkModeBrand,
             buttonSecondaryBorderInverse: e.white,
             buttonSecondaryBorderNegative: e.white,
             buttonSecondaryBorderBrand: e.white,
@@ -436,198 +439,670 @@ const a = "Cyber", e = {
             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),
+            buttonSecondaryBackgroundMediaHover: (0, _color.applyAlpha)(e.white, 0.1),
             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,
+            buttonSecondaryBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.1),
+            textButtonPrimary: e.white,
+            textButtonPrimaryInverse: e.brand,
+            textButtonPrimaryNegative: e.brand,
+            textButtonPrimaryBrand: e.brand,
+            textButtonPrimaryMedia: e.brand,
+            textButtonPrimaryInversePressed: e.brand70,
+            textButtonPrimaryNegativePressed: e.brand70,
+            textButtonPrimaryBrandPressed: e.brand70,
+            textButtonPrimaryMediaPressed: e.brand70,
+            textButtonSecondary: e.white,
+            textButtonSecondaryInverse: e.white,
+            textButtonSecondaryNegative: e.white,
+            textButtonSecondaryBrand: e.white,
             textButtonSecondaryMedia: e.white,
-            textButtonSecondaryPressed: e.grey2,
-            textButtonSecondaryInversePressed: e.grey2,
-            textButtonSecondaryNegativePressed: e.grey2,
-            textButtonSecondaryBrandPressed: e.grey2,
+            textButtonSecondaryPressed: e.white,
+            textButtonSecondaryInversePressed: e.white,
+            textButtonSecondaryNegativePressed: e.white,
+            textButtonSecondaryBrandPressed: e.white,
             textButtonSecondaryMediaPressed: e.white,
-            textLink: e.accent30,
-            textLinkInverse: e.accent30,
-            textLinkNegative: e.accent30,
-            textLinkBrand: e.accent30,
+            textLink: e.darkModeBrand,
+            textLinkInverse: e.darkModeBrand,
+            textLinkNegative: e.darkModeBrand,
+            textLinkBrand: e.darkModeBrand,
             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),
+            textLinkDanger: e.red30,
+            textLinkDangerMedia: e.red50,
+            textLinkSnackbar: e.darkModeBrand,
+            textActivated: e.brand30,
+            textBrand: e.brand30,
+            inputBorder: e.grey400,
+            inputBorderInverse: e.grey400,
+            inputBorderNegative: e.grey400,
+            inputBorderBrand: e.grey400,
+            completedStep: e.brand,
+            completedStepInverse: e.brand,
+            completedStepNegative: e.brand,
+            completedStepBrand: e.brand,
+            control: e.grey400,
+            controlActivated: e.darkModeBrand,
+            controlInverse: e.grey400,
+            controlNegative: e.grey400,
+            controlBrand: e.grey400,
+            controlActivatedInverse: e.darkModeBrand,
+            controlActivatedNegative: e.darkModeBrand,
+            controlActivatedBrand: e.darkModeBrand,
+            controlError: e.red30,
+            chevronIndicator: e.grey400,
+            barTrack: e.brandDark,
+            barTrackInverse: e.brandDark,
+            barTrackNegative: e.brandDark,
+            barTrackBrand: e.brandDark,
+            loadingBar: e.darkModeBrand,
+            loadingBarBackground: e.grey500,
+            toggleAndroidInactive: e.grey100,
+            toggleAndroidBackgroundActive: e.brand20,
+            toggleAndroidActiveBrand: e.darkModeBrand,
+            toggleAndroidInactiveBrand: e.grey100,
+            toggleAndroidBackgroundActiveBrand: e.brand20,
+            toggleAndroidBackgroundInactiveBrand: e.grey400,
+            iosControlKnob: e.brand10,
+            controlKnobInverse: e.brand10,
+            controlKnobNegative: e.brand10,
+            controlKnobBrand: e.brand10,
+            divider: (0, _color.applyAlpha)(e.white, 0.2),
             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,
+            badge: e.red50,
+            feedbackErrorBackground: e.red60,
             feedbackInfoBackground: e.darkModeGrey,
-            brand: e.primary,
+            brand: e.darkModeBrand,
             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,
+            inverse: e.brand10,
+            negative: e.brand10,
+            neutralHigh: e.grey100,
+            neutralHighBrand: e.grey100,
+            neutralHighNegative: e.grey100,
+            neutralMedium: e.grey400,
+            neutralMediumInverse: e.grey400,
+            neutralMediumNegative: e.grey400,
+            neutralMediumBrand: e.grey400,
+            neutralLow: e.grey700,
+            neutralLowAlternative: e.grey700,
+            textPrimary: e.brand10,
+            textPrimaryInverse: e.brand10,
+            textPrimaryNegative: e.brand10,
+            textPrimaryBrand: e.brand10,
             textPrimaryMedia: e.white,
-            textSecondary: e.grey4,
-            textSecondaryInverse: e.grey4,
-            textSecondaryNegative: e.grey4,
-            textSecondaryBrand: e.grey4,
+            textSecondary: e.grey200,
+            textSecondaryInverse: e.grey200,
+            textSecondaryNegative: e.grey200,
+            textSecondaryBrand: e.grey200,
             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,
+            error: e.red30,
+            textError: e.red20,
+            textErrorInverse: e.red30,
+            textErrorNegative: e.red30,
+            textErrorBrand: e.red30,
+            success: e.teal,
+            warning: e.yellow60,
+            promo: e.purple,
+            highlight: e.red20,
+            successLow: e.brandDark,
+            warningLow: e.brandDark,
+            errorLow: e.brandDark,
+            promoLow: e.brandDark,
+            brandLow: e.brandDark,
+            successHigh: e.teal40,
             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,
+            errorHigh: e.red20,
+            promoHigh: e.purple40,
+            successHighInverse: e.teal70,
+            successHighNegative: e.teal70,
+            successHighBrand: e.teal70,
+            warningHighInverse: e.yellow60,
+            warningHighNegative: e.yellow60,
+            warningHighBrand: e.yellow60,
+            errorHighInverse: e.red60,
+            errorHighNegative: e.red60,
+            errorHighBrand: e.red60,
+            promoHighInverse: e.purple70,
+            promoHighNegative: e.purple70,
+            promoHighBrand: e.purple70,
+            textNavigationBarPrimary: e.white,
+            textNavigationBarSecondary: e.grey300,
+            textNavigationSearchBarHint: e.grey300,
+            textNavigationSearchBarText: e.white,
+            textAppBar: e.grey100,
+            textAppBarSelected: e.white,
             iosGlassAppBar: e.white,
             iosGlassAppBarSelected: e.white,
             customTabsBackground: e.darkModeBlack,
-            tagTextPromo: e.accent30,
-            tagTextActive: e.primary,
-            tagTextInactive: e.grey3,
-            tagTextInfo: e.primary,
-            tagTextSuccess: e.green30,
+            tagTextPromo: e.purple40,
+            tagTextActive: e.brand20,
+            tagTextInactive: e.grey200,
+            tagTextInfo: e.brand20,
+            tagTextSuccess: e.teal40,
             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,
+            tagTextError: e.red20,
+            tagBackgroundPromo: e.purple80,
+            tagBackgroundActive: e.brand80,
+            tagBackgroundInactive: e.grey700,
+            tagBackgroundInfo: e.brand80,
+            tagBackgroundSuccess: e.teal80,
+            tagBackgroundWarning: e.yellow80,
+            tagBackgroundError: e.red90,
+            tagTextPromoInverse: e.purple40,
+            tagTextPromoNegative: e.purple40,
+            tagTextPromoBrand: e.purple40,
+            tagTextActiveInverse: e.brand20,
+            tagTextActiveNegative: e.brand20,
+            tagTextActiveBrand: e.brand20,
+            tagTextInactiveInverse: e.grey200,
+            tagTextInactiveNegative: e.grey200,
+            tagTextInactiveBrand: e.grey200,
+            tagTextInfoInverse: e.brand20,
+            tagTextInfoNegative: e.brand20,
+            tagTextInfoBrand: e.brand20,
+            tagTextSuccessInverse: e.teal40,
+            tagTextSuccessNegative: e.teal40,
+            tagTextSuccessBrand: e.teal40,
             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)
+            tagTextErrorInverse: e.red20,
+            tagTextErrorNegative: e.red20,
+            tagTextErrorBrand: e.red20,
+            tagBackgroundPromoInverse: e.purple80,
+            tagBackgroundPromoNegative: e.purple80,
+            tagBackgroundPromoBrand: e.purple80,
+            tagBackgroundActiveInverse: e.brand80,
+            tagBackgroundActiveNegative: e.brand80,
+            tagBackgroundActiveBrand: e.brand80,
+            tagBackgroundInactiveInverse: e.grey700,
+            tagBackgroundInactiveNegative: e.grey700,
+            tagBackgroundInactiveBrand: e.grey700,
+            tagBackgroundInfoInverse: e.brand80,
+            tagBackgroundInfoNegative: e.brand80,
+            tagBackgroundInfoBrand: e.brand80,
+            tagBackgroundSuccessInverse: e.teal80,
+            tagBackgroundSuccessNegative: e.teal80,
+            tagBackgroundSuccessBrand: e.teal80,
+            tagBackgroundWarningInverse: e.yellow80,
+            tagBackgroundWarningNegative: e.yellow80,
+            tagBackgroundWarningBrand: e.yellow80,
+            tagBackgroundErrorInverse: e.red90,
+            tagBackgroundErrorNegative: e.red90,
+            tagBackgroundErrorBrand: e.red90,
+            cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.black, 0)} 0%, ${(0, _color.applyAlpha)(e.black, 0.4)} 30%, ${(0, _color.applyAlpha)(e.black, 0.7)} 100%)`,
+            cardFooterOverlay: (0, _color.applyAlpha)(e.black, 0.7)
+        },
+        borderRadii: {
+            avatar: "50%",
+            bar: "0px",
+            button: "32px",
+            checkbox: "2px",
+            container: "20px",
+            indicator: "24px",
+            chip: "24px",
+            tag: "24px",
+            input: "12px",
+            legacyDisplay: "0px",
+            popup: "4px",
+            sheet: "0px",
+            mediaSmall: "2px"
+        },
+        textPresets: {
+            cardTitle: {
+                weight: "medium"
+            },
+            drawerTitle: {
+                weight: "regular",
+                size: {
+                    mobile: 20,
+                    desktop: 28
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 32
+                }
+            },
+            rowTitle: {
+                weight: "regular"
+            },
+            button: {
+                weight: "medium"
+            },
+            tabsLabel: {
+                weight: "medium",
+                size: {
+                    mobile: 16,
+                    desktop: 18
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 24
+                }
+            },
+            link: {
+                weight: "medium"
+            },
+            title1: {
+                weight: "medium",
+                size: {
+                    mobile: 12,
+                    desktop: 14
+                },
+                lineHeight: {
+                    mobile: 16,
+                    desktop: 20
+                }
+            },
+            title2: {
+                weight: "regular",
+                size: {
+                    mobile: 16,
+                    desktop: 18
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 24
+                }
+            },
+            title3: {
+                weight: "regular",
+                size: {
+                    mobile: 20,
+                    desktop: 28
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 32
+                }
+            },
+            title4: {
+                weight: "regular",
+                size: {
+                    mobile: 24,
+                    desktop: 32
+                },
+                lineHeight: {
+                    mobile: 32,
+                    desktop: 40
+                }
+            },
+            indicator: {
+                weight: "medium"
+            },
+            navigationBar: {
+                weight: "medium"
+            },
+            text5: {
+                weight: "regular",
+                size: {
+                    mobile: 20,
+                    desktop: 28
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 32
+                }
+            },
+            text6: {
+                weight: "regular",
+                size: {
+                    mobile: 24,
+                    desktop: 32
+                },
+                lineHeight: {
+                    mobile: 32,
+                    desktop: 40
+                }
+            },
+            text7: {
+                weight: "regular",
+                size: {
+                    mobile: 28,
+                    desktop: 40
+                },
+                lineHeight: {
+                    mobile: 32,
+                    desktop: 48
+                }
+            },
+            text8: {
+                weight: "regular",
+                size: {
+                    mobile: 32,
+                    desktop: 48
+                },
+                lineHeight: {
+                    mobile: 40,
+                    desktop: 56
+                }
+            },
+            text9: {
+                weight: "regular",
+                size: {
+                    mobile: 40,
+                    desktop: 56
+                },
+                lineHeight: {
+                    mobile: 48,
+                    desktop: 64
+                }
+            },
+            text10: {
+                weight: "regular",
+                size: {
+                    mobile: 48,
+                    desktop: 64
+                },
+                lineHeight: {
+                    mobile: 56,
+                    desktop: 72
+                }
+            },
+            chipLabel: {
+                weight: "medium",
+                size: {
+                    mobile: 14,
+                    desktop: 16
+                },
+                lineHeight: {
+                    mobile: 20,
+                    desktop: 24
+                }
+            },
+            cardPretitleSnap: {
+                size: {
+                    mobile: 14,
+                    desktop: 16
+                },
+                lineHeight: {
+                    mobile: 20,
+                    desktop: 24
+                }
+            },
+            cardTitleSnap: {
+                size: {
+                    mobile: 14,
+                    desktop: 16
+                },
+                lineHeight: {
+                    mobile: 20,
+                    desktop: 24
+                }
+            },
+            cardSubtitleSnap: {
+                size: {
+                    mobile: 14,
+                    desktop: 16
+                },
+                lineHeight: {
+                    mobile: 20,
+                    desktop: 24
+                }
+            },
+            cardDescriptionSnap: {
+                size: {
+                    mobile: 14,
+                    desktop: 16
+                },
+                lineHeight: {
+                    mobile: 20,
+                    desktop: 24
+                }
+            },
+            cardPretitleDefault: {
+                size: {
+                    mobile: 14,
+                    desktop: 16
+                },
+                lineHeight: {
+                    mobile: 20,
+                    desktop: 24
+                }
+            },
+            cardTitleDefault: {
+                size: {
+                    mobile: 18,
+                    desktop: 20
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 28
+                }
+            },
+            cardSubtitleDefault: {
+                size: {
+                    mobile: 14,
+                    desktop: 16
+                },
+                lineHeight: {
+                    mobile: 20,
+                    desktop: 24
+                }
+            },
+            cardDescriptionDefault: {
+                size: {
+                    mobile: 14,
+                    desktop: 16
+                },
+                lineHeight: {
+                    mobile: 20,
+                    desktop: 24
+                }
+            },
+            text1: {
+                size: {
+                    mobile: 12,
+                    desktop: 14
+                },
+                lineHeight: {
+                    mobile: 16,
+                    desktop: 20
+                }
+            },
+            text2: {
+                size: {
+                    mobile: 14,
+                    desktop: 16
+                },
+                lineHeight: {
+                    mobile: 20,
+                    desktop: 24
+                }
+            },
+            text3: {
+                size: {
+                    mobile: 16,
+                    desktop: 18
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 24
+                }
+            },
+            text4: {
+                size: {
+                    mobile: 18,
+                    desktop: 20
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 28
+                }
+            },
+            inputLabel: {
+                size: {
+                    mobile: 12,
+                    desktop: 14
+                },
+                lineHeight: {
+                    mobile: 16,
+                    desktop: 20
+                }
+            },
+            inputValue: {
+                size: {
+                    mobile: 16,
+                    desktop: 18
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 24
+                }
+            },
+            inputHelperText: {
+                size: {
+                    mobile: 12,
+                    desktop: 14
+                },
+                lineHeight: {
+                    mobile: 16,
+                    desktop: 20
+                }
+            },
+            stepperStepLabel: {
+                size: {
+                    mobile: 14,
+                    desktop: 16
+                },
+                lineHeight: {
+                    mobile: 20,
+                    desktop: 24
+                }
+            },
+            loadingScreenTitle: {
+                size: {
+                    mobile: 18,
+                    desktop: 20
+                },
+                lineHeight: {
+                    mobile: 24,
+                    desktop: 28
+                }
+            }
+        },
+        themeVariants: {
+            successFeedback: "inverse",
+            brandLoadingScreen: "inverse"
+        },
+        spacing: {
+            buttonDefaultPadding: {
+                left: {
+                    mobile: 20,
+                    desktop: 20
+                },
+                right: {
+                    mobile: 20,
+                    desktop: 20
+                }
+            },
+            buttonSmallPadding: {
+                left: {
+                    mobile: 14,
+                    desktop: 14
+                },
+                right: {
+                    mobile: 14,
+                    desktop: 14
+                }
+            },
+            cardDefaultPadding: {
+                top: {
+                    mobile: 16,
+                    desktop: 24
+                },
+                bottom: {
+                    mobile: 16,
+                    desktop: 24
+                },
+                left: {
+                    mobile: 16,
+                    desktop: 24
+                },
+                right: {
+                    mobile: 16,
+                    desktop: 24
+                }
+            },
+            inputPadding: {
+                top: {
+                    mobile: 8,
+                    desktop: 8
+                },
+                bottom: {
+                    mobile: 8,
+                    desktop: 8
+                }
+            },
+            tagPadding: {
+                top: {
+                    mobile: 4,
+                    desktop: 4
+                },
+                bottom: {
+                    mobile: 4,
+                    desktop: 4
+                }
+            },
+            feedbackScreenPadding: {
+                top: {
+                    mobile: 64,
+                    desktop: 64
+                },
+                bottom: {
+                    mobile: 16,
+                    desktop: 64
+                },
+                left: {
+                    mobile: 16,
+                    desktop: 64
+                },
+                right: {
+                    mobile: 16,
+                    desktop: 64
+                }
+            },
+            heroPadding: {
+                top: {
+                    mobile: 24,
+                    desktop: 56
+                },
+                bottom: {
+                    mobile: 24,
+                    desktop: 56
+                }
+            },
+            headerPadding: {
+                top: {
+                    mobile: 24,
+                    desktop: 48
+                },
+                bottom: {
+                    mobile: 24,
+                    desktop: 48
+                }
+            },
+            drawerPadding: {
+                top: {
+                    mobile: 32,
+                    desktop: 40
+                },
+                bottom: {
+                    mobile: 16,
+                    desktop: 24
+                },
+                left: {
+                    mobile: 16,
+                    desktop: 40
+                },
+                right: {
+                    mobile: 16,
+                    desktop: 40
+                }
+            }
         }
     });