@xyo-network/react-shared 2.27.4 → 2.27.7

package/dist/esm/components/TokenBar/TokenBar.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-export interface TokenBarProps {
+import { PaperProps } from '@mui/material';
+export interface TokenBarProps extends PaperProps {
     text1?: string | number;
     text2?: string | number;
 }

package/dist/esm/components/TokenBar/TokenBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenBar.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenBar/TokenBar.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAY5C,CAAA"}
+{"version":3,"file":"TokenBar.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenBar/TokenBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,UAAU,EAAc,MAAM,eAAe,CAAA;AAE7D,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAa5C,CAAA"}

package/dist/esm/components/TokenBar/TokenBar.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Typography, useTheme } from '@mui/material';
-import { FlexGrowRow } from '@xylabs/react-flexbox';
-export const TokenBar = ({ text1, text2 }) => {
-    const theme = useTheme();
-    return (_jsxs(FlexGrowRow, { width: "100%", paddingY: 1, paddingX: 2, bgcolor: theme.palette.background.paper, borderRadius: 1, justifyContent: "space-between", children: [_jsx(Typography, { variant: "body1", fontWeight: 300, children: text1 }), _jsx(Typography, { variant: "body1", fontWeight: 300, textTransform: "uppercase", color: "gray", paddingLeft: 2, children: text2 })] }));
+import { Paper, Typography } from '@mui/material';
+import { FlexRow } from '@xylabs/react-flexbox';
+export const TokenBar = ({ text1, text2, ...props }) => {
+    return (_jsx(Paper, { elevation: 0, ...props, children: _jsxs(FlexRow, { justifyContent: "space-between", children: [_jsx(Typography, { variant: "body1", fontWeight: 300, margin: 1, children: text1 }), _jsx(Typography, { variant: "body1", fontWeight: 300, textTransform: "uppercase", color: "gray", margin: 1, children: text2 })] }) }));
 };
 //# sourceMappingURL=TokenBar.js.map

package/dist/esm/components/TokenBar/TokenBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenBar.js","sourceRoot":"","sources":["../../../../src/components/TokenBar/TokenBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAMnD,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IACpE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,MAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,YAAY,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe,aAC1I,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,YACxC,KAAK,GACK,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,aAAa,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,WAAW,EAAE,CAAC,YAC/F,KAAK,GACK,IACD,CACf,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TokenBar.js","sourceRoot":"","sources":["../../../../src/components/TokenBar/TokenBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAc,UAAU,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAM/C,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9E,OAAO,CACL,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,KAAM,KAAK,YAC5B,MAAC,OAAO,IAAC,cAAc,EAAC,eAAe,aACrC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,YACnD,KAAK,GACK,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,aAAa,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,CAAC,YAC1F,KAAK,GACK,IACL,GACJ,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/TokenData/TokenData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenData.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenData/TokenData.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,SAAS;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;IACrB,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,SAAS,EAAE,SAAS,EAyEhC,CAAA"}
+{"version":3,"file":"TokenData.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenData/TokenData.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,SAAS;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;IACrB,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,SAAS,EAAE,SAAS,EAyHhC,CAAA"}

package/dist/esm/components/TokenData/TokenData.js

@@ -21,16 +21,16 @@ export const TokenData = [
         etherscanLink: 'n/a',
         icon: tokenImages.ethereum,
         readableName: 'Ethereum',
-        tokenSymbol: 'Eth',
+        tokenSymbol: 'eth',
         uniqueTokenId: 'ethereum',
     },
     {
         coinmarketcapLink: 'https://coinmarketcap.com/currencies/bitcoin/',
         etherscanLink: 'n/a',
-        icon: tokenImages.bitcoin,
+        icon: tokenImages.btc,
         readableName: 'Bitcoin',
-        tokenSymbol: 'BTC',
-        uniqueTokenId: 'bitcoin',
+        tokenSymbol: 'btc',
+        uniqueTokenId: 'btc',
     },
     {
         coinmarketcapLink: 'https://coinmarketcap.com/currencies/xyo/',
@@ -72,5 +72,53 @@ export const TokenData = [
         tokenSymbol: 'usdt',
         uniqueTokenId: 'usdt',
     },
+    {
+        coinmarketcapLink: 'https://coinmarketcap.com/currencies/cardano/',
+        etherscanLink: 'https://etherscan.io/token/0xc14777c94229582e5758c5a79b83dde876b9be98',
+        icon: tokenImages.ada,
+        readableName: 'Cardano',
+        tokenSymbol: 'ada',
+        uniqueTokenId: 'ada',
+    },
+    {
+        coinmarketcapLink: 'https://coinmarketcap.com/currencies/binance-usd/',
+        etherscanLink: 'https://etherscan.io/token/0x4Fabb145d64652a948d72533023f6E7A623C7C53',
+        icon: tokenImages.busd,
+        readableName: 'Binance USD',
+        tokenSymbol: 'busd',
+        uniqueTokenId: 'busd',
+    },
+    {
+        coinmarketcapLink: 'https://coinmarketcap.com/currencies/dogecoin/',
+        etherscanLink: 'https://etherscan.io/token/0x7618b5024a6349f9aef10ddfd33e3428c734551e',
+        icon: tokenImages.dogecoin,
+        readableName: 'Dogecoin',
+        tokenSymbol: 'doge',
+        uniqueTokenId: 'doge',
+    },
+    {
+        coinmarketcapLink: 'https://coinmarketcap.com/currencies/polkadot-new/',
+        etherscanLink: 'https://etherscan.io/token/0x2d4fb6dd969992c881d8e534c747cc925d5ba221',
+        icon: tokenImages.dot,
+        readableName: 'Polkadot',
+        tokenSymbol: 'dot',
+        uniqueTokenId: 'dot',
+    },
+    {
+        coinmarketcapLink: 'https://coinmarketcap.com/currencies/chainlink/',
+        etherscanLink: 'https://etherscan.io/token/0x514910771af9ca656af840dff83e8264ecf986ca',
+        icon: tokenImages.link,
+        readableName: 'ChainLink',
+        tokenSymbol: 'link',
+        uniqueTokenId: 'link',
+    },
+    {
+        coinmarketcapLink: 'https://coinmarketcap.com/currencies/solana/',
+        etherscanLink: 'https://etherscan.io/token/0x1f54638b7737193ffd86c19ec51907a7c41755d8',
+        icon: tokenImages.sol,
+        readableName: 'Solana',
+        tokenSymbol: 'sol',
+        uniqueTokenId: 'sol',
+    },
 ];
 //# sourceMappingURL=TokenData.js.map

package/dist/esm/components/TokenData/TokenData.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenData.js","sourceRoot":"","sources":["../../../../src/components/TokenData/TokenData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,OAAO,CAAA;AAWpC,MAAM,CAAC,MAAM,SAAS,GAAgB;IACpC;QACE,iBAAiB,EAAE,4DAA4D;QAC/E,aAAa,EAAE,uEAAuE;QACtF,IAAI,EAAE,WAAW,CAAC,GAAG;QACrB,YAAY,EAAE,KAAK;QACnB,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,KAAK;KACrB;IACD;QACE,iBAAiB,EAAE,4CAA4C;QAC/D,aAAa,EAAE,uEAAuE;QACtF,IAAI,EAAE,WAAW,CAAC,IAAI;QACtB,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,MAAM;KACtB;IACD;QACE,iBAAiB,EAAE,gDAAgD;QACnE,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,WAAW,CAAC,QAAQ;QAC1B,YAAY,EAAE,UAAU;QACxB,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,UAAU;KAC1B;IACD;QACE,iBAAiB,EAAE,+CAA+C;QAClE,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,WAAW,CAAC,OAAO;QACzB,YAAY,EAAE,SAAS;QACvB,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,SAAS;KACzB;IACD;QACE,iBAAiB,EAAE,2CAA2C;QAC9D,aAAa,EAAE,uEAAuE;QACtF,IAAI,EAAE,WAAW,CAAC,GAAG;QACrB,YAAY,EAAE,KAAK;QACnB,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,KAAK;KACrB;IACD;QACE,iBAAiB,EAAE,4CAA4C;QAC/D,aAAa,EAAE,uEAAuE;QACtF,IAAI,EAAE,WAAW,CAAC,IAAI;QACtB,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,MAAM;KACtB;IACD;QACE,iBAAiB,EAAE,uDAAuD;QAC1E,aAAa,EAAE,uEAAuE;QACtF,IAAI,EAAE,WAAW,CAAC,UAAU;QAC5B,YAAY,EAAE,aAAa;QAC3B,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,MAAM;KACtB;IACD;QACE,iBAAiB,EAAE,gDAAgD;QACnE,aAAa,EAAE,uEAAuE;QACtF,IAAI,EAAE,WAAW,CAAC,OAAO;QACzB,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,MAAM;KACtB;IACD;QACE,iBAAiB,EAAE,8CAA8C;QACjE,aAAa,EAAE,uEAAuE;QACtF,IAAI,EAAE,WAAW,CAAC,MAAM;QACxB,YAAY,EAAE,QAAQ;QACtB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,MAAM;KACtB;CACF,CAAA"}
+{"version":3,"file":"TokenData.js","sourceRoot":"","sources":["../../../../src/components/TokenData/TokenData.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/TokenData/img/index.d.ts

@@ -1,11 +1,17 @@
-import bitcoin from './bitcoin.png';
+import ada from './ada.png';
+import btc from './btc.png';
+import busd from './busd.png';
 import dai from './dai.png';
+import dogecoin from './dogecoin.png';
+import dot from './dot.png';
 import ethereum from './ethereum.png';
 import frax from './frax.png';
+import link from './link.png';
+import sol from './sol.png';
 import tether from './tether.png';
 import usdCoin from './usd-coin.png';
 import weth from './weth.png';
 import wrappedBtc from './wrapped-bitcoin.png';
 import xyo from './xyo.png';
-export { bitcoin, dai, ethereum, frax, tether, usdCoin, weth, wrappedBtc, xyo };
+export { ada, btc, busd, dai, dogecoin, dot, ethereum, frax, link, sol, tether, usdCoin, weth, wrappedBtc, xyo };
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/TokenData/img/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TokenData/img/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,eAAe,CAAA;AACnC,OAAO,GAAG,MAAM,WAAW,CAAA;AAC3B,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,UAAU,MAAM,uBAAuB,CAAA;AAC9C,OAAO,GAAG,MAAM,WAAW,CAAA;AAE3B,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TokenData/img/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,WAAW,CAAA;AAC3B,OAAO,GAAG,MAAM,WAAW,CAAA;AAC3B,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,GAAG,MAAM,WAAW,CAAA;AAC3B,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,GAAG,MAAM,WAAW,CAAA;AAC3B,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,GAAG,MAAM,WAAW,CAAA;AAC3B,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,UAAU,MAAM,uBAAuB,CAAA;AAC9C,OAAO,GAAG,MAAM,WAAW,CAAA;AAE3B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,CAAA"}

package/dist/esm/components/TokenData/img/index.js

@@ -1,11 +1,17 @@
-import bitcoin from './bitcoin.png';
+import ada from './ada.png';
+import btc from './btc.png';
+import busd from './busd.png';
 import dai from './dai.png';
+import dogecoin from './dogecoin.png';
+import dot from './dot.png';
 import ethereum from './ethereum.png';
 import frax from './frax.png';
+import link from './link.png';
+import sol from './sol.png';
 import tether from './tether.png';
 import usdCoin from './usd-coin.png';
 import weth from './weth.png';
 import wrappedBtc from './wrapped-bitcoin.png';
 import xyo from './xyo.png';
-export { bitcoin, dai, ethereum, frax, tether, usdCoin, weth, wrappedBtc, xyo };
+export { ada, btc, busd, dai, dogecoin, dot, ethereum, frax, link, sol, tether, usdCoin, weth, wrappedBtc, xyo };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/TokenData/img/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/TokenData/img/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,eAAe,CAAA;AACnC,OAAO,GAAG,MAAM,WAAW,CAAA;AAC3B,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,UAAU,MAAM,uBAAuB,CAAA;AAC9C,OAAO,GAAG,MAAM,WAAW,CAAA;AAE3B,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/TokenData/img/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,WAAW,CAAA;AAC3B,OAAO,GAAG,MAAM,WAAW,CAAA;AAC3B,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,GAAG,MAAM,WAAW,CAAA;AAC3B,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,GAAG,MAAM,WAAW,CAAA;AAC3B,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,GAAG,MAAM,WAAW,CAAA;AAC3B,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,UAAU,MAAM,uBAAuB,CAAA;AAC9C,OAAO,GAAG,MAAM,WAAW,CAAA;AAE3B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,CAAA"}

package/dist/esm/components/TokenData/useGetTokenData.js

@@ -1,7 +1,7 @@
 import { TokenData } from './TokenData';
 export const useGetTokenData = (symbols) => {
     return symbols?.map((symbol) => {
-        const additionalTokenData = TokenData.find((x) => x.uniqueTokenId === symbol);
+        const additionalTokenData = TokenData.find((x) => x.tokenSymbol === symbol);
         const checkedTokenData = additionalTokenData ? additionalTokenData : TokenData[0];
         return checkedTokenData;
     });

package/dist/esm/components/TokenData/useGetTokenData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetTokenData.js","sourceRoot":"","sources":["../../../../src/components/TokenData/useGetTokenData.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAA+B,EAAE,EAAE;IACjE,OAAO,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QAC7B,MAAM,mBAAmB,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,KAAK,MAAM,CAAC,CAAA;QAC7E,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;QACjF,OAAO,gBAAgB,CAAA;IACzB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}
+{"version":3,"file":"useGetTokenData.js","sourceRoot":"","sources":["../../../../src/components/TokenData/useGetTokenData.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAA+B,EAAE,EAAE;IACjE,OAAO,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QAC7B,MAAM,mBAAmB,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,KAAK,MAAM,CAAC,CAAA;QAC3E,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;QACjF,OAAO,gBAAgB,CAAA;IACzB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/package.json

@@ -33,9 +33,9 @@
   "devDependencies": {
     "@storybook/react": "^6.5.10",
     "@xylabs/pixel": "^1.4.5",
-    "@xylabs/tsconfig-dom": "^2.5.13",
+    "@xylabs/tsconfig-dom": "^2.5.65",
     "@xyo-network/api": "^2.24.10",
-    "@xyo-network/react-storybook": "^2.27.4"
+    "@xyo-network/react-storybook": "^2.27.7"
   },
   "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
@@ -86,5 +86,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.27.4"
+  "version": "2.27.7"
 }

package/src/components/TokenBar/TokenBar.tsx

@@ -1,20 +1,21 @@
-import { Typography, useTheme } from '@mui/material'
-import { FlexGrowRow } from '@xylabs/react-flexbox'
-export interface TokenBarProps {
+import { Paper, PaperProps, Typography } from '@mui/material'
+import { FlexRow } from '@xylabs/react-flexbox'
+export interface TokenBarProps extends PaperProps {
   text1?: string | number
   text2?: string | number
 }
 
-export const TokenBar: React.FC<TokenBarProps> = ({ text1, text2 }) => {
-  const theme = useTheme()
+export const TokenBar: React.FC<TokenBarProps> = ({ text1, text2, ...props }) => {
   return (
-    <FlexGrowRow width="100%" paddingY={1} paddingX={2} bgcolor={theme.palette.background.paper} borderRadius={1} justifyContent="space-between">
-      <Typography variant="body1" fontWeight={300}>
-        {text1}
-      </Typography>
-      <Typography variant="body1" fontWeight={300} textTransform="uppercase" color="gray" paddingLeft={2}>
-        {text2}
-      </Typography>
-    </FlexGrowRow>
+    <Paper elevation={0} {...props}>
+      <FlexRow justifyContent="space-between">
+        <Typography variant="body1" fontWeight={300} margin={1}>
+          {text1}
+        </Typography>
+        <Typography variant="body1" fontWeight={300} textTransform="uppercase" color="gray" margin={1}>
+          {text2}
+        </Typography>
+      </FlexRow>
+    </Paper>
   )
 }

package/src/components/TokenData/TokenData.ts

@@ -31,16 +31,16 @@ export const TokenData: TokenData[] = [
     etherscanLink: 'n/a',
     icon: tokenImages.ethereum,
     readableName: 'Ethereum',
-    tokenSymbol: 'Eth',
+    tokenSymbol: 'eth',
     uniqueTokenId: 'ethereum',
   },
   {
     coinmarketcapLink: 'https://coinmarketcap.com/currencies/bitcoin/',
     etherscanLink: 'n/a',
-    icon: tokenImages.bitcoin,
+    icon: tokenImages.btc,
     readableName: 'Bitcoin',
-    tokenSymbol: 'BTC',
-    uniqueTokenId: 'bitcoin',
+    tokenSymbol: 'btc',
+    uniqueTokenId: 'btc',
   },
   {
     coinmarketcapLink: 'https://coinmarketcap.com/currencies/xyo/',
@@ -82,4 +82,52 @@ export const TokenData: TokenData[] = [
     tokenSymbol: 'usdt',
     uniqueTokenId: 'usdt',
   },
+  {
+    coinmarketcapLink: 'https://coinmarketcap.com/currencies/cardano/',
+    etherscanLink: 'https://etherscan.io/token/0xc14777c94229582e5758c5a79b83dde876b9be98',
+    icon: tokenImages.ada,
+    readableName: 'Cardano',
+    tokenSymbol: 'ada',
+    uniqueTokenId: 'ada',
+  },
+  {
+    coinmarketcapLink: 'https://coinmarketcap.com/currencies/binance-usd/',
+    etherscanLink: 'https://etherscan.io/token/0x4Fabb145d64652a948d72533023f6E7A623C7C53',
+    icon: tokenImages.busd,
+    readableName: 'Binance USD',
+    tokenSymbol: 'busd',
+    uniqueTokenId: 'busd',
+  },
+  {
+    coinmarketcapLink: 'https://coinmarketcap.com/currencies/dogecoin/',
+    etherscanLink: 'https://etherscan.io/token/0x7618b5024a6349f9aef10ddfd33e3428c734551e',
+    icon: tokenImages.dogecoin,
+    readableName: 'Dogecoin',
+    tokenSymbol: 'doge',
+    uniqueTokenId: 'doge',
+  },
+  {
+    coinmarketcapLink: 'https://coinmarketcap.com/currencies/polkadot-new/',
+    etherscanLink: 'https://etherscan.io/token/0x2d4fb6dd969992c881d8e534c747cc925d5ba221',
+    icon: tokenImages.dot,
+    readableName: 'Polkadot',
+    tokenSymbol: 'dot',
+    uniqueTokenId: 'dot',
+  },
+  {
+    coinmarketcapLink: 'https://coinmarketcap.com/currencies/chainlink/',
+    etherscanLink: 'https://etherscan.io/token/0x514910771af9ca656af840dff83e8264ecf986ca',
+    icon: tokenImages.link,
+    readableName: 'ChainLink',
+    tokenSymbol: 'link',
+    uniqueTokenId: 'link',
+  },
+  {
+    coinmarketcapLink: 'https://coinmarketcap.com/currencies/solana/',
+    etherscanLink: 'https://etherscan.io/token/0x1f54638b7737193ffd86c19ec51907a7c41755d8',
+    icon: tokenImages.sol,
+    readableName: 'Solana',
+    tokenSymbol: 'sol',
+    uniqueTokenId: 'sol',
+  },
 ]

package/src/components/TokenData/img/index.ts

@@ -1,11 +1,17 @@
-import bitcoin from './bitcoin.png'
+import ada from './ada.png'
+import btc from './btc.png'
+import busd from './busd.png'
 import dai from './dai.png'
+import dogecoin from './dogecoin.png'
+import dot from './dot.png'
 import ethereum from './ethereum.png'
 import frax from './frax.png'
+import link from './link.png'
+import sol from './sol.png'
 import tether from './tether.png'
 import usdCoin from './usd-coin.png'
 import weth from './weth.png'
 import wrappedBtc from './wrapped-bitcoin.png'
 import xyo from './xyo.png'
 
-export { bitcoin, dai, ethereum, frax, tether, usdCoin, weth, wrappedBtc, xyo }
+export { ada, btc, busd, dai, dogecoin, dot, ethereum, frax, link, sol, tether, usdCoin, weth, wrappedBtc, xyo }

package/src/components/TokenData/useGetTokenData.tsx

@@ -2,7 +2,7 @@ import { TokenData } from './TokenData'
 
 export const useGetTokenData = (symbols: (string | undefined)[]) => {
   return symbols?.map((symbol) => {
-    const additionalTokenData = TokenData.find((x) => x.uniqueTokenId === symbol)
+    const additionalTokenData = TokenData.find((x) => x.tokenSymbol === symbol)
     const checkedTokenData = additionalTokenData ? additionalTokenData : TokenData[0]
     return checkedTokenData
   })

package/src/components/TokenSummary/TokenSummary.stories.tsx

@@ -22,9 +22,6 @@ const Template: ComponentStory<typeof TokenSummary> = (args) => (
 const WithData = Template.bind({})
 WithData.args = { icon: 'string', symbol: 'string' }
 
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-//@ts-ignore
-
 export { WithData }
 
 // eslint-disable-next-line import/no-default-export