@ledgerhq/lumen-design-core 0.0.39 → 0.0.41

package/dist/themes/js/typographies/typography.sm.js

@@ -31,6 +31,9 @@ export const typographySmTokens = {
         lineHeight: primitiveTypographyTokens.lineHeight['40'],
         letterSpacing: primitiveTypographyTokens.letterSpacing['40'],
     },
+    /**
+     * Headings
+     */
     heading0: {
         fontFamily: primitiveTypographyTokens.fontFamily.sans,
         fontSize: primitiveTypographyTokens.fontSize['48'],
@@ -45,59 +48,70 @@ export const typographySmTokens = {
         lineHeight: primitiveTypographyTokens.lineHeight['48'],
         letterSpacing: primitiveTypographyTokens.letterSpacing['48'],
     },
-    /**
-     * Headings
-     */
     heading1: {
+        fontFamily: primitiveTypographyTokens.fontFamily.sans,
+        fontSize: primitiveTypographyTokens.fontSize['40'],
+        fontWeight: primitiveTypographyTokens.fontWeight.medium,
+        lineHeight: primitiveTypographyTokens.lineHeight['40'],
+        letterSpacing: primitiveTypographyTokens.letterSpacing['40'],
+    },
+    heading1SemiBold: {
+        fontFamily: primitiveTypographyTokens.fontFamily.sans,
+        fontSize: primitiveTypographyTokens.fontSize['40'],
+        fontWeight: primitiveTypographyTokens.fontWeight.semiBold,
+        lineHeight: primitiveTypographyTokens.lineHeight['40'],
+        letterSpacing: primitiveTypographyTokens.letterSpacing['40'],
+    },
+    heading2: {
         fontFamily: primitiveTypographyTokens.fontFamily.sans,
         fontSize: primitiveTypographyTokens.fontSize['28'],
         fontWeight: primitiveTypographyTokens.fontWeight.medium,
         lineHeight: primitiveTypographyTokens.lineHeight['28'],
         letterSpacing: primitiveTypographyTokens.letterSpacing['28'],
     },
-    heading1SemiBold: {
+    heading2SemiBold: {
         fontFamily: primitiveTypographyTokens.fontFamily.sans,
         fontSize: primitiveTypographyTokens.fontSize['28'],
         fontWeight: primitiveTypographyTokens.fontWeight.semiBold,
         lineHeight: primitiveTypographyTokens.lineHeight['28'],
         letterSpacing: primitiveTypographyTokens.letterSpacing['28'],
     },
-    heading2: {
+    heading3: {
         fontFamily: primitiveTypographyTokens.fontFamily.sans,
         fontSize: primitiveTypographyTokens.fontSize['24'],
         fontWeight: primitiveTypographyTokens.fontWeight.medium,
         lineHeight: primitiveTypographyTokens.lineHeight['24'],
         letterSpacing: primitiveTypographyTokens.letterSpacing['24'],
     },
-    heading2SemiBold: {
+    heading3SemiBold: {
         fontFamily: primitiveTypographyTokens.fontFamily.sans,
         fontSize: primitiveTypographyTokens.fontSize['24'],
         fontWeight: primitiveTypographyTokens.fontWeight.semiBold,
         lineHeight: primitiveTypographyTokens.lineHeight['24'],
         letterSpacing: primitiveTypographyTokens.letterSpacing['24'],
     },
-    heading3: {
+    heading4: {
         fontFamily: primitiveTypographyTokens.fontFamily.sans,
         fontSize: primitiveTypographyTokens.fontSize['20'],
         fontWeight: primitiveTypographyTokens.fontWeight.medium,
         lineHeight: primitiveTypographyTokens.lineHeight['20'],
         letterSpacing: primitiveTypographyTokens.letterSpacing['20'],
     },
-    heading3SemiBold: {
+    heading4SemiBold: {
         fontFamily: primitiveTypographyTokens.fontFamily.sans,
         fontSize: primitiveTypographyTokens.fontSize['20'],
         fontWeight: primitiveTypographyTokens.fontWeight.semiBold,
         lineHeight: primitiveTypographyTokens.lineHeight['20'],
         letterSpacing: primitiveTypographyTokens.letterSpacing['20'],
     },
-    heading4: {
+    heading5: {
         fontFamily: primitiveTypographyTokens.fontFamily.sans,
         fontSize: primitiveTypographyTokens.fontSize['18'],
         fontWeight: primitiveTypographyTokens.fontWeight.medium,
         lineHeight: primitiveTypographyTokens.lineHeight['18'],
         letterSpacing: primitiveTypographyTokens.letterSpacing['18'],
     },
-    heading4SemiBold: {
+    heading5SemiBold: {
         fontFamily: primitiveTypographyTokens.fontFamily.sans,
         fontSize: primitiveTypographyTokens.fontSize['18'],
         fontWeight: primitiveTypographyTokens.fontWeight.semiBold,

package/dist/themes/js/typographies/typography.xl.d.ts

@@ -42,55 +42,69 @@ export declare const typographyXlTokens: {
         readonly letterSpacing: -2.5;
     };
     readonly heading1: {
+        readonly fontFamily: "Inter";
+        readonly fontSize: 40;
+        readonly fontWeight: "500";
+        readonly lineHeight: 48;
+        readonly letterSpacing: -2;
+    };
+    readonly heading1SemiBold: {
+        readonly fontFamily: "Inter";
+        readonly fontSize: 40;
+        readonly fontWeight: "600";
+        readonly lineHeight: 48;
+        readonly letterSpacing: -2;
+    };
+    readonly heading2: {
         readonly fontFamily: "Inter";
         readonly fontSize: 28;
         readonly fontWeight: "500";
         readonly lineHeight: 36;
         readonly letterSpacing: -1.5;
     };
-    readonly heading1SemiBold: {
+    readonly heading2SemiBold: {
         readonly fontFamily: "Inter";
         readonly fontSize: 28;
         readonly fontWeight: "600";
         readonly lineHeight: 36;
         readonly letterSpacing: -1.5;
     };
-    readonly heading2: {
+    readonly heading3: {
         readonly fontFamily: "Inter";
         readonly fontSize: 24;
         readonly fontWeight: "500";
         readonly lineHeight: 32;
         readonly letterSpacing: -1;
     };
-    readonly heading2SemiBold: {
+    readonly heading3SemiBold: {
         readonly fontFamily: "Inter";
         readonly fontSize: 24;
         readonly fontWeight: "600";
         readonly lineHeight: 32;
         readonly letterSpacing: -1;
     };
-    readonly heading3: {
+    readonly heading4: {
         readonly fontFamily: "Inter";
         readonly fontSize: 20;
         readonly fontWeight: "500";
         readonly lineHeight: 28;
         readonly letterSpacing: -1;
     };
-    readonly heading3SemiBold: {
+    readonly heading4SemiBold: {
         readonly fontFamily: "Inter";
         readonly fontSize: 20;
         readonly fontWeight: "600";
         readonly lineHeight: 28;
         readonly letterSpacing: -1;
     };
-    readonly heading4: {
+    readonly heading5: {
         readonly fontFamily: "Inter";
         readonly fontSize: 18;
         readonly fontWeight: "500";
         readonly lineHeight: 26;
         readonly letterSpacing: -0.5;
     };
-    readonly heading4SemiBold: {
+    readonly heading5SemiBold: {
         readonly fontFamily: "Inter";
         readonly fontSize: 18;
         readonly fontWeight: "600";

package/dist/themes/js/typographies/typography.xl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.xl.d.ts","sourceRoot":"","sources":["../../../../src/themes/js/typographies/typography.xl.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEM,CAAC"}
+{"version":3,"file":"typography.xl.d.ts","sourceRoot":"","sources":["../../../../src/themes/js/typographies/typography.xl.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEM,CAAC"}

package/dist/themes/js/utils/extractCryptoGradients.d.ts

@@ -0,0 +1,216 @@
+export declare const extractCryptoGradients: (mode: "dark" | "light") => {
+    aion: {
+        color: string;
+    }[];
+    algorand: {
+        color: string;
+    }[];
+    avax: {
+        color: string;
+    }[];
+    bat: {
+        color: string;
+    }[];
+    bgb: {
+        color: string;
+    }[];
+    bitcoin: {
+        color: string;
+    }[];
+    bitcoinCash: {
+        color: string;
+    }[];
+    bitcoinGold: {
+        color: string;
+    }[];
+    bitcoinSv: {
+        color: string;
+    }[];
+    binance: {
+        color: string;
+    }[];
+    bytecoin: {
+        color: string;
+    }[];
+    cardano: {
+        color: string;
+    }[];
+    cosmos: {
+        color: string;
+    }[];
+    compound: {
+        color: string;
+    }[];
+    celo: {
+        color: string;
+    }[];
+    celo2: {
+        color: string;
+    }[];
+    chainlink: {
+        color: string;
+    }[];
+    cro: {
+        color: string;
+    }[];
+    dash: {
+        color: string;
+    }[];
+    dai: {
+        color: string;
+    }[];
+    decred: {
+        color: string;
+    }[];
+    digibyte: {
+        color: string;
+    }[];
+    dogecoin: {
+        color: string;
+    }[];
+    dydx: {
+        color: string;
+    }[];
+    dym: {
+        color: string;
+    }[];
+    elrond: {
+        color: string;
+    }[];
+    eng: {
+        color: string;
+    }[];
+    eos: {
+        color: string;
+    }[];
+    ethergem: {
+        color: string;
+    }[];
+    ethereum: {
+        color: string;
+    }[];
+    ethereumClassic: {
+        color: string;
+    }[];
+    flr: {
+        color: string;
+    }[];
+    ftm: {
+        color: string;
+    }[];
+    hedera: {
+        color: string;
+    }[];
+    hnt: {
+        color: string;
+    }[];
+    huobi: {
+        color: string;
+    }[];
+    iota: {
+        color: string;
+    }[];
+    komodo: {
+        color: string;
+    }[];
+    leo: {
+        color: string;
+    }[];
+    litecoin: {
+        color: string;
+    }[];
+    monero: {
+        color: string;
+    }[];
+    multiverseX: {
+        color: string;
+    }[];
+    nano: {
+        color: string;
+    }[];
+    near: {
+        color: string;
+    }[];
+    neo: {
+        color: string;
+    }[];
+    nimiq: {
+        color: string;
+    }[];
+    omgNetwork: {
+        color: string;
+    }[];
+    okb: {
+        color: string;
+    }[];
+    osmo: {
+        color: string;
+    }[];
+    peercoin: {
+        color: string;
+    }[];
+    pirl: {
+        color: string;
+    }[];
+    pivx: {
+        color: string;
+    }[];
+    polkadot: {
+        color: string;
+    }[];
+    polygon: {
+        color: string;
+    }[];
+    qnt: {
+        color: string;
+    }[];
+    sats: {
+        color: string;
+    }[];
+    stellar: {
+        color: string;
+    }[];
+    sol: {
+        color: string;
+    }[];
+    tetherUsdt: {
+        color: string;
+    }[];
+    tezos: {
+        color: string;
+    }[];
+    tkx: {
+        color: string;
+    }[];
+    tron: {
+        color: string;
+    }[];
+    uniswap: {
+        color: string;
+    }[];
+    tusd: {
+        color: string;
+    }[];
+    usdc: {
+        color: string;
+    }[];
+    uni: {
+        color: string;
+    }[];
+    waves: {
+        color: string;
+    }[];
+    xrp: {
+        color: string;
+    }[];
+    xin: {
+        color: string;
+    }[];
+    yieldly: {
+        color: string;
+    }[];
+    zcash: {
+        color: string;
+    }[];
+};
+//# sourceMappingURL=extractCryptoGradients.d.ts.map

package/dist/themes/js/utils/extractCryptoGradients.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractCryptoGradients.d.ts","sourceRoot":"","sources":["../../../../src/themes/js/utils/extractCryptoGradients.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,sBAAsB,GAAI,MAAM,MAAM,GAAG,OAAO;;eAKJ,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;;eAAN,MAAM;;CAgB9D,CAAC"}

package/dist/themes/js/utils/extractCryptoGradients.js

@@ -0,0 +1,22 @@
+import { primitiveColorTokens } from '../primitives/primitive.colors';
+function typedKeys(obj) {
+    return Object.keys(obj);
+}
+export const extractCryptoGradients = (mode) => {
+    const cryptoColors = primitiveColorTokens[mode].crypto;
+    const cryptoTransparentColors = primitiveColorTokens[mode].cryptoTransparent;
+    const keys = typedKeys(cryptoColors);
+    return keys.reduce((acc, colorKey) => {
+        return {
+            ...acc,
+            [colorKey]: [
+                {
+                    color: cryptoColors[colorKey],
+                },
+                {
+                    color: cryptoTransparentColors[colorKey],
+                },
+            ],
+        };
+    }, {});
+};