@telefonica/mistica 11.12.1 → 12.1.0

package/dist/skins/movistar.js

@@ -70,27 +70,27 @@ var getMovistarSkin = function getMovistarSkin(variant) {
             borderLight: palette.grey1,
             border: palette.grey3,
             borderDark: palette.grey5,
-            borderSelected: palette.movistarGreen,
+            borderSelected: palette.movistarBlue,
             // BUTTONS
             buttonDangerBackground: palette.pepper,
             buttonDangerBackgroundSelected: palette.pepper55,
             buttonDangerBackgroundHover: palette.pepper55,
             buttonLinkBackgroundSelected: palette.movistarBlue10,
             buttonLinkBackgroundSelectedInverse: (0, _color).applyAlpha(palette.white, 0.2),
-            buttonPrimaryBackground: palette.movistarGreen,
+            buttonPrimaryBackground: palette.movistarBlue,
             buttonPrimaryBackgroundInverse: palette.white,
-            buttonPrimaryBackgroundSelected: palette.movistarGreen60,
-            buttonPrimaryBackgroundHover: palette.movistarGreen60,
+            buttonPrimaryBackgroundSelected: palette.movistarBlue55,
+            buttonPrimaryBackgroundHover: palette.movistarBlue55,
             buttonPrimaryBackgroundSelectedInverse: palette.movistarBlue30,
-            buttonSecondaryBackground: palette.movistarGreen,
-            buttonSecondaryBackgroundSelected: palette.movistarGreen60,
+            buttonSecondaryBackground: palette.movistarBlue,
+            buttonSecondaryBackgroundSelected: palette.movistarBlue55,
             buttonSecondaryBorderInverse: palette.white,
             buttonSecondaryBorderSelectedInverse: palette.movistarBlue30,
             textButtonPrimary: palette.white,
             textButtonPrimaryInverse: palette.movistarBlue,
             textButtonPrimaryInverseSelected: palette.movistarBlue,
-            textButtonSecondary: palette.movistarGreen,
-            textButtonSecondarySelected: palette.movistarGreen60,
+            textButtonSecondary: palette.movistarBlue,
+            textButtonSecondarySelected: palette.movistarBlue55,
             textButtonSecondaryInverse: palette.white,
             textButtonSecondaryInverseSelected: palette.white,
             textLink: palette.movistarBlue,
@@ -116,18 +116,17 @@ var getMovistarSkin = function getMovistarSkin(variant) {
             feedbackInfoBackground: palette.grey6,
             // GLOBAL
             brand: palette.movistarBlue,
-            brandDark: palette.movistarBlue55,
+            brandHigh: palette.movistarBlue55,
             inverse: palette.white,
             neutralHigh: palette.grey6,
             neutralMedium: palette.grey5,
-            neutralLow: palette.grey3,
+            neutralLow: palette.grey1,
             promo: palette.purple,
             highlight: palette.pink,
             textPrimary: palette.grey6,
             textPrimaryInverse: palette.white,
             textSecondary: palette.grey5,
             textSecondaryInverse: palette.white,
-            textAmount: palette.movistarBlue,
             // STATES
             error: palette.pepper,
             success: palette.movistarGreen,
@@ -140,18 +139,15 @@ var getMovistarSkin = function getMovistarSkin(variant) {
             textAppBar: palette.grey4,
             textAppBarSelected: palette.movistarBlue,
             // TAGS
-            tagBackgroundSuccess: palette.movistarGreen10,
-            tagBackgroundWarning: palette.egg10,
-            tagBackgroundError: palette.pepper10,
-            tagBackgroundPromo: palette.purple10,
-            tagBackgroundActive: palette.movistarBlue10,
-            tagBackgroundInactive: palette.grey1,
-            textTagSuccess: palette.movistarGreen70,
-            textTagWarning: palette.egg80,
-            textTagError: palette.pepper70,
-            textTagPromo: palette.purple70,
-            textTagActive: palette.movistarBlue,
-            textTagInactive: palette.grey5
+            successLow: palette.movistarGreen10,
+            warningLow: palette.egg10,
+            errorLow: palette.pepper10,
+            promoLow: palette.purple10,
+            brandLow: palette.movistarBlue10,
+            successHigh: palette.movistarGreen70,
+            warningHigh: palette.egg80,
+            errorHigh: palette.pepper70,
+            promoHigh: palette.purple70
         },
         darkModeColors: {
             brand: palette.movistarBlue,
@@ -170,15 +166,15 @@ var getMovistarSkin = function getMovistarSkin(variant) {
             border: palette.darkModeGrey,
             buttonLinkBackgroundSelected: (0, _color).applyAlpha(palette.white, 0.05),
             buttonLinkBackgroundSelectedInverse: (0, _color).applyAlpha(palette.white, 0.05),
-            buttonPrimaryBackground: palette.movistarGreen,
-            buttonPrimaryBackgroundInverse: palette.movistarGreen,
-            buttonPrimaryBackgroundSelected: palette.movistarGreen60,
-            buttonPrimaryBackgroundHover: palette.movistarGreen60,
-            buttonPrimaryBackgroundSelectedInverse: palette.movistarGreen60,
-            buttonSecondaryBackground: palette.movistarGreen,
-            buttonSecondaryBackgroundSelected: palette.movistarGreen60,
-            buttonSecondaryBorderInverse: palette.movistarGreen,
-            buttonSecondaryBorderSelectedInverse: palette.movistarGreen60,
+            buttonPrimaryBackground: palette.movistarBlue,
+            buttonPrimaryBackgroundInverse: palette.movistarBlue,
+            buttonPrimaryBackgroundSelected: palette.movistarBlue55,
+            buttonPrimaryBackgroundHover: palette.movistarBlue55,
+            buttonPrimaryBackgroundSelectedInverse: palette.movistarBlue55,
+            buttonSecondaryBackground: palette.movistarBlue,
+            buttonSecondaryBackgroundSelected: palette.movistarBlue55,
+            buttonSecondaryBorderInverse: palette.movistarBlue,
+            buttonSecondaryBorderSelectedInverse: palette.movistarBlue55,
             textButtonPrimary: palette.grey2,
             textButtonPrimaryInverse: palette.grey2,
             textButtonPrimaryInverseSelected: palette.grey2,
@@ -198,7 +194,7 @@ var getMovistarSkin = function getMovistarSkin(variant) {
             divider: (0, _color).applyAlpha(palette.white, 0.05),
             dividerInverse: (0, _color).applyAlpha(palette.white, 0.05),
             navigationBarDivider: palette.darkModeBlack,
-            brandDark: palette.grey6,
+            brandHigh: palette.grey6,
             inverse: palette.grey2,
             neutralHigh: palette.grey2,
             neutralMedium: palette.grey5,
@@ -207,7 +203,6 @@ var getMovistarSkin = function getMovistarSkin(variant) {
             textPrimaryInverse: palette.grey2,
             textSecondary: palette.grey4,
             textSecondaryInverse: palette.grey4,
-            textAmount: palette.movistarBlue30,
             textNavigationBarPrimary: palette.grey2,
             textNavigationBarSecondary: palette.grey4,
             textNavigationSearchBarHint: palette.grey4,
@@ -215,23 +210,40 @@ var getMovistarSkin = function getMovistarSkin(variant) {
             textAppBar: palette.grey5,
             textAppBarSelected: palette.grey2,
             // TAGS
-            tagBackgroundSuccess: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundWarning: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundError: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundPromo: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundActive: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundInactive: (0, _color).applyAlpha(palette.white, 0.05),
-            textTagSuccess: palette.movistarGreen40,
-            textTagWarning: palette.egg40,
-            textTagError: palette.pepper40,
-            textTagPromo: palette.purple40,
-            textTagActive: palette.movistarBlue40,
-            textTagInactive: palette.grey4
+            successLow: (0, _color).applyAlpha(palette.white, 0.05),
+            warningLow: (0, _color).applyAlpha(palette.white, 0.05),
+            errorLow: (0, _color).applyAlpha(palette.white, 0.05),
+            promoLow: (0, _color).applyAlpha(palette.white, 0.05),
+            brandLow: (0, _color).applyAlpha(palette.white, 0.05),
+            successHigh: palette.movistarGreen40,
+            warningHigh: palette.egg40,
+            errorHigh: palette.pepper40,
+            promoHigh: palette.purple40
+        },
+        textPresets: {
+            text5: {
+                weight: "bold"
+            },
+            text6: {
+                weight: "bold"
+            },
+            text7: {
+                weight: "bold"
+            },
+            text8: {
+                weight: "bold"
+            },
+            text9: {
+                weight: "bold"
+            },
+            text10: {
+                weight: "bold"
+            }
         }
     };
     if (variant === "prominent") {
         skin.colors.brand = palette.movistarProminentBlue;
-        skin.colors.brandDark = palette.movistarProminentBlueDark;
+        skin.colors.brandHigh = palette.movistarProminentBlueDark;
         skin.colors.backgroundBrand = palette.movistarProminentBlue;
         skin.colors.navigationBarBackground = palette.movistarProminentBlue;
         skin.colors.backgroundFeedbackBottom = palette.movistarProminentBlue;

package/dist/skins/o2-classic.js

@@ -124,10 +124,10 @@ var getO2ClassicSkin = function getO2ClassicSkin() {
             feedbackInfoBackground: palette.grey6,
             // GLOBAL
             brand: palette.o2Blue,
-            brandDark: palette.o2Blue55,
+            brandHigh: palette.o2Blue55,
             inverse: palette.white,
             neutralHigh: palette.grey6,
-            neutralLow: palette.grey3,
+            neutralLow: palette.grey1,
             neutralMedium: palette.grey5,
             promo: palette.pink,
             highlight: palette.pink,
@@ -135,7 +135,6 @@ var getO2ClassicSkin = function getO2ClassicSkin() {
             textPrimaryInverse: palette.white,
             textSecondary: palette.grey5,
             textSecondaryInverse: palette.white,
-            textAmount: palette.o2SkyBlue,
             // STATES
             error: palette.pepper,
             success: palette.o2Green,
@@ -148,18 +147,15 @@ var getO2ClassicSkin = function getO2ClassicSkin() {
             textAppBar: palette.grey4,
             textAppBarSelected: palette.o2Blue,
             // TAGS
-            tagBackgroundSuccess: palette.o2Green10,
-            tagBackgroundWarning: palette.orange10,
-            tagBackgroundError: palette.pepper10,
-            tagBackgroundPromo: palette.pink10,
-            tagBackgroundActive: palette.o2Blue10,
-            tagBackgroundInactive: palette.grey1,
-            textTagSuccess: palette.o2Green75,
-            textTagWarning: palette.orange80,
-            textTagError: palette.pepper70,
-            textTagPromo: palette.pink60,
-            textTagActive: palette.o2Blue,
-            textTagInactive: palette.grey5
+            successLow: palette.o2Green10,
+            warningLow: palette.orange10,
+            errorLow: palette.pepper10,
+            promoLow: palette.pink10,
+            brandLow: palette.o2Blue10,
+            successHigh: palette.o2Green75,
+            warningHigh: palette.orange80,
+            errorHigh: palette.pepper70,
+            promoHigh: palette.pink60
         },
         darkModeColors: {
             appBarBackground: palette.darkModeGrey,
@@ -205,7 +201,7 @@ var getO2ClassicSkin = function getO2ClassicSkin() {
             navigationBarDivider: palette.darkModeBlack,
             feedbackInfoBackground: palette.darkModeGrey6,
             brand: palette.o2SkyBlue,
-            brandDark: palette.darkModeGrey6,
+            brandHigh: palette.darkModeGrey6,
             inverse: palette.grey2,
             neutralHigh: palette.grey2,
             neutralMedium: palette.grey5,
@@ -214,7 +210,6 @@ var getO2ClassicSkin = function getO2ClassicSkin() {
             textPrimaryInverse: palette.grey2,
             textSecondary: palette.grey4,
             textSecondaryInverse: palette.grey4,
-            textAmount: palette.o2SkyBlueLight45,
             textNavigationBarPrimary: palette.grey2,
             textNavigationBarSecondary: palette.grey4,
             textNavigationSearchBarHint: palette.grey4,
@@ -222,18 +217,15 @@ var getO2ClassicSkin = function getO2ClassicSkin() {
             textAppBar: palette.grey5,
             textAppBarSelected: palette.grey2,
             // TAGS
-            tagBackgroundSuccess: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundWarning: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundError: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundPromo: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundActive: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundInactive: (0, _color).applyAlpha(palette.white, 0.05),
-            textTagSuccess: palette.o2Green40,
-            textTagWarning: palette.orange40,
-            textTagError: palette.pepper40,
-            textTagPromo: palette.pink40,
-            textTagActive: palette.o2Blue30,
-            textTagInactive: palette.grey4
+            successLow: (0, _color).applyAlpha(palette.white, 0.05),
+            warningLow: (0, _color).applyAlpha(palette.white, 0.05),
+            errorLow: (0, _color).applyAlpha(palette.white, 0.05),
+            promoLow: (0, _color).applyAlpha(palette.white, 0.05),
+            brandLow: (0, _color).applyAlpha(palette.white, 0.05),
+            successHigh: palette.o2Green40,
+            warningHigh: palette.orange40,
+            errorHigh: palette.pepper40,
+            promoHigh: palette.pink40
         }
     };
 };

package/dist/skins/o2.js

@@ -114,18 +114,17 @@ var getO2Skin = function getO2Skin() {
             feedbackInfoBackground: palette.grey6,
             // GLOBAL
             brand: palette.o2BluePrimary,
-            brandDark: palette.o2BluePrimary70,
+            brandHigh: palette.o2BluePrimary70,
             inverse: palette.white,
             neutralHigh: palette.grey6,
             neutralMedium: palette.grey5,
-            neutralLow: palette.grey3,
+            neutralLow: palette.grey1,
             promo: palette.o2Purple,
             highlight: palette.o2Pink,
             textPrimary: palette.grey6,
             textPrimaryInverse: palette.white,
             textSecondary: palette.grey5,
             textSecondaryInverse: palette.white,
-            textAmount: palette.o2BluePrimary,
             // STATES
             error: palette.pepper,
             success: palette.o2Green,
@@ -138,18 +137,15 @@ var getO2Skin = function getO2Skin() {
             textAppBar: palette.grey4,
             textAppBarSelected: palette.o2BluePrimary,
             // TAGS
-            tagBackgroundSuccess: palette.o2Green10,
-            tagBackgroundWarning: palette.o2Orange10,
-            tagBackgroundError: palette.pepper10,
-            tagBackgroundPromo: palette.o2Purple10,
-            tagBackgroundActive: palette.o2BluePrimary10,
-            tagBackgroundInactive: palette.grey1,
-            textTagSuccess: palette.o2Green80,
-            textTagWarning: palette.o2Orange75,
-            textTagError: palette.pepper60,
-            textTagPromo: palette.o2Purple,
-            textTagActive: palette.o2BluePrimary,
-            textTagInactive: palette.grey5
+            successLow: palette.o2Green10,
+            warningLow: palette.o2Orange10,
+            errorLow: palette.pepper10,
+            promoLow: palette.o2Purple10,
+            brandLow: palette.o2BluePrimary10,
+            successHigh: palette.o2Green80,
+            warningHigh: palette.o2Orange75,
+            errorHigh: palette.pepper60,
+            promoHigh: palette.o2Purple
         },
         darkModeColors: {
             appBarBackground: palette.darkModeGrey,
@@ -199,7 +195,7 @@ var getO2Skin = function getO2Skin() {
             navigationBarDivider: palette.darkModeBlack,
             feedbackInfoBackground: palette.darkModeGrey6,
             brand: palette.o2BluePrimary30,
-            brandDark: palette.darkModeGrey6,
+            brandHigh: palette.darkModeGrey6,
             inverse: palette.grey2,
             neutralHigh: palette.grey2,
             neutralMedium: palette.grey5,
@@ -208,7 +204,6 @@ var getO2Skin = function getO2Skin() {
             textPrimaryInverse: palette.grey2,
             textSecondary: palette.grey4,
             textSecondaryInverse: palette.grey4,
-            textAmount: palette.o2BluePrimary15,
             textNavigationBarPrimary: palette.grey2,
             textNavigationBarSecondary: palette.grey4,
             textNavigationSearchBarHint: palette.grey4,
@@ -216,18 +211,15 @@ var getO2Skin = function getO2Skin() {
             textAppBar: palette.grey5,
             textAppBarSelected: palette.grey2,
             // TAGS
-            tagBackgroundSuccess: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundWarning: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundError: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundPromo: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundActive: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundInactive: (0, _color).applyAlpha(palette.white, 0.05),
-            textTagSuccess: palette.o2Green40,
-            textTagWarning: palette.o2Orange40,
-            textTagError: palette.pepper40,
-            textTagPromo: palette.o2Purple30,
-            textTagActive: palette.o2BluePrimary15,
-            textTagInactive: palette.grey4
+            successLow: (0, _color).applyAlpha(palette.white, 0.05),
+            warningLow: (0, _color).applyAlpha(palette.white, 0.05),
+            errorLow: (0, _color).applyAlpha(palette.white, 0.05),
+            promoLow: (0, _color).applyAlpha(palette.white, 0.05),
+            brandLow: (0, _color).applyAlpha(palette.white, 0.05),
+            successHigh: palette.o2Green40,
+            warningHigh: palette.o2Orange40,
+            errorHigh: palette.pepper40,
+            promoHigh: palette.o2Purple30
         }
     };
 };

package/dist/skins/telefonica.d.ts

@@ -34,5 +34,6 @@ export declare const palette: {
     readonly white: "#FFFFFF";
     readonly darkModeBlack: "#191919";
     readonly darkModeGrey: "#242424";
+    readonly darkModeGrey6: "#313235";
 };
 export declare const getTelefonicaSkin: GetKnownSkin;

package/dist/skins/telefonica.js

@@ -40,7 +40,8 @@ var palette = {
     white: "#FFFFFF",
     // specific for dark mode:
     darkModeBlack: "#191919",
-    darkModeGrey: "#242424"
+    darkModeGrey: "#242424",
+    darkModeGrey6: "#313235"
 };
 exports.palette = palette;
 var getTelefonicaSkin = function getTelefonicaSkin() {
@@ -109,7 +110,7 @@ var getTelefonicaSkin = function getTelefonicaSkin() {
             feedbackInfoBackground: palette.grey9,
             // GLOBAL
             brand: palette.telefonicaBlue,
-            brandDark: palette.telefonicaBlue70,
+            brandHigh: palette.telefonicaBlue70,
             inverse: palette.white,
             neutralHigh: palette.grey9,
             neutralMedium: palette.grey5,
@@ -120,7 +121,6 @@ var getTelefonicaSkin = function getTelefonicaSkin() {
             textPrimaryInverse: palette.white,
             textSecondary: palette.grey5,
             textSecondaryInverse: palette.white,
-            textAmount: palette.telefonicaBlue,
             // STATES
             error: palette.coral,
             success: palette.turquoise,
@@ -133,18 +133,15 @@ var getTelefonicaSkin = function getTelefonicaSkin() {
             textAppBar: palette.grey4,
             textAppBarSelected: palette.telefonicaBlue,
             // TAGS
-            tagBackgroundSuccess: palette.turquoise10,
-            tagBackgroundWarning: palette.ambar10,
-            tagBackgroundError: palette.coral10,
-            tagBackgroundPromo: palette.orchid10,
-            tagBackgroundActive: palette.grey1,
-            tagBackgroundInactive: palette.grey1,
-            textTagSuccess: palette.turquoise70,
-            textTagWarning: palette.ambar70,
-            textTagError: palette.coral70,
-            textTagPromo: palette.orchid70,
-            textTagActive: palette.telefonicaBlue,
-            textTagInactive: palette.grey6
+            successLow: palette.turquoise10,
+            warningLow: palette.ambar10,
+            errorLow: palette.coral10,
+            promoLow: palette.orchid10,
+            brandLow: palette.grey1,
+            successHigh: palette.turquoise70,
+            warningHigh: palette.ambar70,
+            errorHigh: palette.coral70,
+            promoHigh: palette.orchid70
         },
         darkModeColors: {
             appBarBackground: palette.darkModeGrey,
@@ -191,16 +188,15 @@ var getTelefonicaSkin = function getTelefonicaSkin() {
             dividerInverse: (0, _color).applyAlpha(palette.white, 0.05),
             navigationBarDivider: palette.darkModeBlack,
             feedbackInfoBackground: palette.grey8,
-            brandDark: palette.grey6,
+            brandHigh: palette.grey6,
             inverse: palette.grey2,
             neutralHigh: palette.grey2,
             neutralMedium: palette.grey5,
-            neutralLow: palette.grey6,
+            neutralLow: palette.darkModeGrey6,
             textPrimary: palette.grey2,
             textPrimaryInverse: palette.grey2,
             textSecondary: palette.grey4,
             textSecondaryInverse: palette.grey4,
-            textAmount: palette.telefonicaBlue30,
             textNavigationBarPrimary: palette.grey2,
             textNavigationBarSecondary: palette.grey4,
             textNavigationSearchBarHint: palette.grey4,
@@ -208,18 +204,15 @@ var getTelefonicaSkin = function getTelefonicaSkin() {
             textAppBar: palette.grey5,
             textAppBarSelected: palette.grey2,
             // TAGS
-            tagBackgroundSuccess: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundWarning: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundError: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundPromo: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundActive: (0, _color).applyAlpha(palette.white, 0.05),
-            tagBackgroundInactive: (0, _color).applyAlpha(palette.white, 0.05),
-            textTagSuccess: palette.turquoise40,
-            textTagWarning: palette.ambar40,
-            textTagError: palette.coral40,
-            textTagPromo: palette.orchid40,
-            textTagActive: palette.telefonicaBlue30,
-            textTagInactive: palette.grey4
+            successLow: (0, _color).applyAlpha(palette.white, 0.05),
+            warningLow: (0, _color).applyAlpha(palette.white, 0.05),
+            errorLow: (0, _color).applyAlpha(palette.white, 0.05),
+            promoLow: (0, _color).applyAlpha(palette.white, 0.05),
+            brandLow: (0, _color).applyAlpha(palette.white, 0.05),
+            successHigh: palette.turquoise40,
+            warningHigh: palette.ambar40,
+            errorHigh: palette.coral40,
+            promoHigh: palette.orchid40
         }
     };
 };

package/dist/skins/telefonica.js.flow

@@ -36,5 +36,6 @@ declare export var palette: {
   +white: "#FFFFFF",
   +darkModeBlack: "#191919",
   +darkModeGrey: "#242424",
+  +darkModeGrey6: "#313235",
 };
 declare export var getTelefonicaSkin: GetKnownSkin;

package/dist/skins/types.d.ts

@@ -2,7 +2,7 @@ export declare type SkinVariant = 'prominent';
 export declare type KnownSkinName = 'Movistar' | 'O2' | 'O2-classic' | 'Vivo' | 'Telefonica' | 'Blau';
 export declare type SkinName = KnownSkinName | string;
 export declare type GetKnownSkin = (variant?: SkinVariant) => KnownSkin;
-export declare type FontWeight = 'light' | 'regular' | 'medium';
+export declare type FontWeight = 'light' | 'regular' | 'medium' | 'bold';
 declare type TextPresetName = 'text5' | 'text6' | 'text7' | 'text8' | 'text9' | 'text10';
 export declare type TextPresetsConfig = {
     [preset in TextPresetName]: {
@@ -71,7 +71,7 @@ export declare type Colors = {
     feedbackErrorBackground: string;
     feedbackInfoBackground: string;
     brand: string;
-    brandDark: string;
+    brandHigh: string;
     inverse: string;
     neutralHigh: string;
     neutralLow: string;
@@ -85,7 +85,6 @@ export declare type Colors = {
     textPrimaryInverse: string;
     textSecondary: string;
     textSecondaryInverse: string;
-    textAmount: string;
     textButtonPrimary: string;
     textButtonPrimaryInverse: string;
     textButtonPrimaryInverseSelected: string;
@@ -103,17 +102,14 @@ export declare type Colors = {
     textNavigationSearchBarText: string;
     textAppBar: string;
     textAppBarSelected: string;
-    tagBackgroundSuccess: string;
-    tagBackgroundWarning: string;
-    tagBackgroundError: string;
-    tagBackgroundPromo: string;
-    tagBackgroundActive: string;
-    tagBackgroundInactive: string;
-    textTagSuccess: string;
-    textTagWarning: string;
-    textTagError: string;
-    textTagPromo: string;
-    textTagActive: string;
-    textTagInactive: string;
+    successLow: string;
+    warningLow: string;
+    errorLow: string;
+    promoLow: string;
+    brandLow: string;
+    successHigh: string;
+    warningHigh: string;
+    errorHigh: string;
+    promoHigh: string;
 };
 export {};

package/dist/skins/types.js.flow

@@ -10,7 +10,7 @@ export type KnownSkinName =
   | "Blau";
 export type SkinName = KnownSkinName | string;
 export type GetKnownSkin = (variant?: SkinVariant) => KnownSkin;
-export type FontWeight = "light" | "regular" | "medium";
+export type FontWeight = "light" | "regular" | "medium" | "bold";
 declare type TextPresetName =
   | "text5"
   | "text6"
@@ -87,7 +87,7 @@ export type Colors = {
   feedbackErrorBackground: string,
   feedbackInfoBackground: string,
   brand: string,
-  brandDark: string,
+  brandHigh: string,
   inverse: string,
   neutralHigh: string,
   neutralLow: string,
@@ -101,7 +101,6 @@ export type Colors = {
   textPrimaryInverse: string,
   textSecondary: string,
   textSecondaryInverse: string,
-  textAmount: string,
   textButtonPrimary: string,
   textButtonPrimaryInverse: string,
   textButtonPrimaryInverseSelected: string,
@@ -119,17 +118,14 @@ export type Colors = {
   textNavigationSearchBarText: string,
   textAppBar: string,
   textAppBarSelected: string,
-  tagBackgroundSuccess: string,
-  tagBackgroundWarning: string,
-  tagBackgroundError: string,
-  tagBackgroundPromo: string,
-  tagBackgroundActive: string,
-  tagBackgroundInactive: string,
-  textTagSuccess: string,
-  textTagWarning: string,
-  textTagError: string,
-  textTagPromo: string,
-  textTagActive: string,
-  textTagInactive: string,
+  successLow: string,
+  warningLow: string,
+  errorLow: string,
+  promoLow: string,
+  brandLow: string,
+  successHigh: string,
+  warningHigh: string,
+  errorHigh: string,
+  promoHigh: string,
 };
 declare export {};