@rango-dev/ui 0.24.0 → 0.25.0

package/dist/widget/ui/src/icons/EvmCategory.d.ts

@@ -0,0 +1,5 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import React from 'react';
+declare function SvgEvmCategory(props: SvgIconPropsWithChildren): React.FunctionComponentElement<SvgIconPropsWithChildren>;
+export default SvgEvmCategory;
+//# sourceMappingURL=EvmCategory.d.ts.map

package/dist/widget/ui/src/icons/EvmCategory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvmCategory.d.ts","sourceRoot":"","sources":["../../../../../src/icons/EvmCategory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,cAAc,CAAC,KAAK,EAAE,wBAAwB,4DAkEtD;AACD,eAAe,cAAc,CAAC"}

package/dist/widget/ui/src/icons/Icons.stories.d.ts

@@ -1,6 +1,6 @@
 import type { SvgIconProps } from '../components/SvgIcon';
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, any> | import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, any>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, any>;
 export default _default;
 export declare const Main: (props: SvgIconProps) => React.JSX.Element;
 //# sourceMappingURL=Icons.stories.d.ts.map

package/dist/widget/ui/src/icons/Language.d.ts

@@ -0,0 +1,5 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import React from 'react';
+declare function SvgLanguage(props: SvgIconPropsWithChildren): React.FunctionComponentElement<SvgIconPropsWithChildren>;
+export default SvgLanguage;
+//# sourceMappingURL=Language.d.ts.map

package/dist/widget/ui/src/icons/Language.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Language.d.ts","sourceRoot":"","sources":["../../../../../src/icons/Language.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,WAAW,CAAC,KAAK,EAAE,wBAAwB,4DA+CnD;AACD,eAAe,WAAW,CAAC"}

package/dist/widget/ui/src/icons/OtherCategory.d.ts

@@ -0,0 +1,5 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import React from 'react';
+declare function SvgOtherCategory(props: SvgIconPropsWithChildren): React.FunctionComponentElement<SvgIconPropsWithChildren>;
+export default SvgOtherCategory;
+//# sourceMappingURL=OtherCategory.d.ts.map

package/dist/widget/ui/src/icons/OtherCategory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtherCategory.d.ts","sourceRoot":"","sources":["../../../../../src/icons/OtherCategory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,gBAAgB,CAAC,KAAK,EAAE,wBAAwB,4DAgExD;AACD,eAAe,gBAAgB,CAAC"}

package/dist/widget/ui/src/icons/UtxoCategory.d.ts

@@ -0,0 +1,5 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+import React from 'react';
+declare function SvgUtxoCategory(props: SvgIconPropsWithChildren): React.FunctionComponentElement<SvgIconPropsWithChildren>;
+export default SvgUtxoCategory;
+//# sourceMappingURL=UtxoCategory.d.ts.map

package/dist/widget/ui/src/icons/UtxoCategory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UtxoCategory.d.ts","sourceRoot":"","sources":["../../../../../src/icons/UtxoCategory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,eAAe,CAAC,KAAK,EAAE,wBAAwB,4DAoCvD;AACD,eAAe,eAAe,CAAC"}

package/dist/widget/ui/src/icons/index.d.ts

@@ -7,11 +7,13 @@ export { default as ChevronUpIcon } from './ChevronUp';
 export { default as CloseIcon } from './Close';
 export { default as CompleteIcon } from './Complete';
 export { default as CopyIcon } from './Copy';
+export { default as CosmosCategoryIcon } from './CosmosCategory';
 export { default as CustomColorsIcon } from './CustomColors';
 export { default as DarkModeIcon } from './DarkMode';
 export { default as DeleteIcon } from './Delete';
 export { default as DesktopIcon } from './Desktop';
 export { default as DoneIcon } from './Done';
+export { default as EvmCategoryIcon } from './EvmCategory';
 export { default as ErrorIcon } from './Error';
 export { default as ExternalLinkIcon } from './ExternalLink';
 export { default as FontIcon } from './Font';
@@ -19,6 +21,7 @@ export { default as GasIcon } from './Gas';
 export { default as InProgressIcon } from './InProgress';
 export { default as InfoErrorIcon } from './InfoError';
 export { default as InfoIcon } from './Info';
+export { default as LanguageIcon } from './Language';
 export { default as LightModeIcon } from './LightMode';
 export { default as LinkIcon } from './Link';
 export { default as LoadingIcon } from './Loading';
@@ -29,6 +32,7 @@ export { default as NoNotificationIcon } from './NoNotification';
 export { default as NotificationNumberIcon } from './NotificationNumber';
 export { default as NotificationsIcon } from './Notifications';
 export { default as NumberIcon } from './Number';
+export { default as OtherCategoryIcon } from './OtherCategory';
 export { default as PinIcon } from './Pin';
 export { default as RefreshIcon } from './Refresh';
 export { default as ReverseIcon } from './Reverse';
@@ -36,6 +40,7 @@ export { default as RouteIcon } from './Route';
 export { default as SearchIcon } from './Search';
 export { default as TimeIcon } from './Time';
 export { default as TransactionIcon } from './Transaction';
+export { default as UtxoCategoryIcon } from './UtxoCategory';
 export { default as WalletIcon } from './Wallet';
 export { default as WarningIcon } from './Warning';
 export { default as ChainsIcon } from './Chains';

package/dist/widget/ui/src/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/icons/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/icons/index.ts"],"names":[],"mappings":"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"}

package/dist/widget/ui/src/index.d.ts

@@ -4,5 +4,4 @@ export * from './theme';
 export * from './types';
 export * from './hooks';
 export * from './icons';
-export { generateRangeColors } from './helper';
 //# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/widget/ui/src/types/index.d.ts

@@ -1,3 +1,2 @@
-export type { BestRouteWithFee } from './swaps';
 export type { ConnectedWallet } from './wallet';
 //# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC"}

package/dist/widget/ui/src/types/swaps.d.ts

@@ -1,30 +1,4 @@
-import type { BestRouteResponse, BlockchainValidationStatus, SimulationResult, SwapResult, WalletRequiredAssets } from 'rango-sdk';
-export type SwapStatus = 'running' | 'failed' | 'success';
-export type MessageSeverity = 'error' | 'warning' | 'info' | 'success';
-export type StepStatus = 'created' | 'running' | 'failed' | 'success' | 'waitingForApproval' | 'approved';
-export declare enum PendingSwapNetworkStatus {
-    WaitingForConnectingWallet = "waitingForConnectingWallet",
-    WaitingForQueue = "waitingForQueue",
-    WaitingForNetworkChange = "waitingForNetworkChange",
-    NetworkChanged = "networkChanged"
-}
-export type WalletTypeAndAddress = {
-    walletType: string;
-    address: string;
-};
-export type SwapSavedSettings = {
-    slippage: string;
-    disabledSwappersIds: string[];
-    disabledSwappersGroups: string[];
-};
+import type { BlockchainValidationStatus, WalletRequiredAssets } from 'rango-sdk';
 export type SimulationAssetAndAmount = WalletRequiredAssets;
 export type SimulationValidationStatus = BlockchainValidationStatus;
-export type BestRouteType = BestRouteResponse;
-export type BestRouteWithFee = Omit<BestRouteResponse, 'result'> & {
-    result: Omit<SimulationResult, 'swaps'> & {
-        swaps: (SwapResult & {
-            feeInUsd?: string;
-        })[];
-    };
-};
 //# sourceMappingURL=swaps.d.ts.map

package/dist/widget/ui/src/types/swaps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"swaps.d.ts","sourceRoot":"","sources":["../../../../../src/types/swaps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,0BAA0B,EAC1B,gBAAgB,EAChB,UAAU,EACV,oBAAoB,EACrB,MAAM,WAAW,CAAC;AAEnB,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC1D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvE,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,GACT,oBAAoB,GACpB,UAAU,CAAC;AAEf,oBAAY,wBAAwB;IAClC,0BAA0B,+BAA+B;IACzD,eAAe,oBAAoB;IACnC,uBAAuB,4BAA4B;IACnD,cAAc,mBAAmB;CAClC;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,sBAAsB,EAAE,MAAM,EAAE,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,oBAAoB,CAAC;AAC5D,MAAM,MAAM,0BAA0B,GAAG,0BAA0B,CAAC;AACpE,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,GAAG;IACjE,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAAG;QACxC,KAAK,EAAE,CAAC,UAAU,GAAG;YAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,EAAE,CAAC;KAC/C,CAAC;CACH,CAAC"}
+{"version":3,"file":"swaps.d.ts","sourceRoot":"","sources":["../../../../../src/types/swaps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,0BAA0B,EAC1B,oBAAoB,EACrB,MAAM,WAAW,CAAC;AAEnB,MAAM,MAAM,wBAAwB,GAAG,oBAAoB,CAAC;AAC5D,MAAM,MAAM,0BAA0B,GAAG,0BAA0B,CAAC"}

package/dist/widget/ui/src/{helper → utils}/index.d.ts

@@ -1,6 +1,3 @@
 export declare function containsText(text: string, searchText: string): boolean;
 export declare function getConciseAddress(address: string | null, maxChars?: number, ellipsisLength?: number): string | null;
-export declare const generateRangeColors: (name: string, mode: 'light' | 'dark', color?: string) => {
-    [x: string]: string | undefined;
-};
 //# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/index.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAEtE;AAED,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,MAAM,GAAG,IAAI,EACtB,QAAQ,SAAI,EACZ,cAAc,SAAI,GACjB,MAAM,GAAG,IAAI,CAYf"}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@rango-dev/ui",
-  "version": "0.24.0",
+  "version": "0.25.0",
   "license": "MIT",
   "type": "module",
-  "module": "./dist/index.js",
+  "source": "./src/index.ts",
   "main": "./dist/index.js",
   "exports": "./dist/index.js",
   "typings": "dist/widget/ui/src/index.d.ts",
@@ -14,6 +14,7 @@
   "scripts": {
     "dev": "yarn bundle --watch",
     "build": "node ../../scripts/build/command.mjs --path widget/ui",
+    "ts-check": "tsc --declaration --emitDeclarationOnly -p ./tsconfig.json",
     "build:icons": "svgr svgs/resources/fill --config-file svgs/configs/.svgrrc.default.cjs",
     "type-checking": "tsc --declaration --emitDeclarationOnly",
     "storybook": "storybook dev -p 3000",
@@ -25,7 +26,6 @@
   "peerDependencies": {
     "@lingui/core": "4.2.1",
     "@lingui/react": "4.2.1",
-    "@rango-dev/queue-manager-rango-preset": "*",
     "react": ">=16"
   },
   "devDependencies": {
@@ -65,9 +65,10 @@
     "@radix-ui/react-radio-group": "^1.1.1",
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tooltip": "^1.0.2",
-    "@rango-dev/wallets-shared": "^0.23.0",
+    "@rango-dev/wallets-shared": "^0.24.0",
     "@stitches/react": "^1.2.8",
-    "rango-sdk": "^0.1.35",
+    "rango-sdk": "^0.1.44",
+    "rango-types": "^0.1.57",
     "react-virtualized-auto-sizer": "^1.0.7",
     "react-window": "^1.8.8",
     "react-window-infinite-loader": "^1.0.8",
@@ -76,4 +77,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/components/Alert/Alert.styles.ts

@@ -1,16 +1,10 @@
-import { darkTheme, styled } from '../../theme';
+import { css, darkTheme, styled } from '../../theme';
 
 export const Container = styled('div', {
   display: 'flex',
   flexDirection: 'column',
   borderRadius: '$xs',
 
-  '.title': {
-    display: 'flex',
-    alignItems: 'center',
-    flex: '1 0 0',
-  },
-
   '.title_typography:first-letter': {
     textTransform: 'uppercase',
   },
@@ -20,11 +14,7 @@ export const Container = styled('div', {
     paddingLeft: '$24',
   },
   '.description': {
-    $$color: '$colors$neutral700',
-    [`.${darkTheme} &`]: {
-      $$color: '$colors$neutral600',
-    },
-    color: '$$color',
+    color: '$neutral700',
     fontSize: '$10',
     lineHeight: '$12',
   },
@@ -124,6 +114,7 @@ export const IconHighlight = styled('div', {
   justifyContent: 'center',
   alignItems: 'center',
   alignSelf: 'flex-start',
+  flexShrink: 0,
   variants: {
     type: {
       success: {
@@ -164,3 +155,9 @@ export const IconHighlight = styled('div', {
     },
   },
 });
+
+export const titleStyles = css({
+  display: 'flex',
+  alignItems: 'center',
+  flex: '1 0 0',
+});

package/src/components/Alert/Alert.tsx

@@ -7,7 +7,7 @@ import { Divider } from '../Divider';
 import { Typography } from '../Typography';
 
 import { getColor } from './Alert.helpers';
-import { Container, IconHighlight, Main } from './Alert.styles';
+import { Container, IconHighlight, Main, titleStyles } from './Alert.styles';
 import AlertIcon from './AlertIcon';
 
 export function Alert(props: PropsWithChildren<PropTypes>) {
@@ -28,7 +28,7 @@ export function Alert(props: PropsWithChildren<PropTypes>) {
       type={type}
       variant={variant}>
       <Main variant={variant}>
-        <div className="title">
+        <div className={titleStyles()}>
           <IconHighlight type={type}>
             <AlertIcon type={type} />
           </IconHighlight>

package/src/components/BlockchainsChip/BlockchainsChip.styles.ts

@@ -1,4 +1,5 @@
 import { darkTheme, styled } from '../../theme';
+import { ImageContainer } from '../common';
 
 export const Chip = styled('button', {
   padding: '$10',
@@ -15,7 +16,7 @@ export const Chip = styled('button', {
   cursor: 'pointer',
   border: 0,
   fontFamily: 'inherit',
-  '.image-container': {
+  [`& ${ImageContainer}`]: {
     borderRadius: '$xm',
     overflow: 'hidden',
   },

package/src/components/Button/Button.styles.tsx

@@ -524,6 +524,7 @@ export const ButtonBase = styled('button', {
 });
 
 export const Content = styled('span', {
+  flexGrow: 1,
   display: 'inline-block',
   variants: {
     pl: {

package/src/components/Checkbox/Checkbox.styles.ts

@@ -13,7 +13,11 @@ export const CheckboxRoot = styled(RadixCheckbox.Root, {
   width: '1rem',
   height: '1rem',
   padding: 0,
-  border: '1px solid $neutral600',
+  $$borderColor: '$colors$neutral600',
+  [`.${darkTheme} &`]: {
+    $$borderColor: '$colors$neutral700',
+  },
+  border: '1px solid $$borderColor',
   backgroundColor: 'transparent',
   cursor: 'pointer',
   '&[data-state="checked"]': {

package/src/components/ListItem/ListItem.styles.ts

@@ -2,6 +2,7 @@ import { darkTheme, styled } from '../../theme';
 
 export const BaseListItem = styled('li', {
   width: '100%',
+  overflow: 'hidden',
   borderRadius: '$xs',
   display: 'flex',
   alignItems: 'center',
@@ -22,6 +23,13 @@ export const BaseListItem = styled('li', {
     flexShrink: 1,
     flexBasis: 'auto',
     textAlign: 'left',
+    '._description': {
+      $$color: '$colors$neutral600',
+      [`.${darkTheme} &`]: {
+        $$color: '$colors$neutral700',
+      },
+      color: '$$color',
+    },
 
     '.item-text-title': {
       fontWeight: 'bold',
@@ -34,6 +42,7 @@ export const BaseListItem = styled('li', {
     justifyContent: 'center',
     alignItems: 'center',
     paddingLeft: '$10',
+    overflow: 'hidden',
   },
   variants: {
     hasDivider: {

package/src/components/ListItem/ListItem.tsx

@@ -16,7 +16,7 @@ function ListItem(props: ListItemProps) {
       <div className="item-text-container">
         {title && <div className="item-text-title">{title}</div>}
         {description && (
-          <Typography variant="body" size="small" color="neutral600">
+          <Typography variant="body" className="_description" size="small">
             {description}
           </Typography>
         )}

package/src/components/ListItemButton/ListItemButton.styles.ts

@@ -6,6 +6,7 @@ export const BaseListItemButton = styled('button', {
   width: '100%',
   backgroundColor: 'transparent',
   fontFamily: 'inherit',
+  padding: 'unset',
   '&:focus-visible': {
     borderRadius: '$xs',
 

package/src/components/PriceImpact/PriceImpact.styles.ts

@@ -1,7 +1,15 @@
 import { styled } from '../../theme';
+import { Typography } from '../Typography';
 
 export const Container = styled('div', {
+  width: '100%',
   display: 'flex',
-  justifyContent: 'center',
+  justifyContent: 'end',
   alignItems: 'center',
 });
+
+export const OutputUsdValue = styled(Typography, {
+  overflow: 'hidden',
+  whiteSpace: 'nowrap',
+  textOverflow: 'ellipsis',
+});

package/src/components/PriceImpact/PriceImpact.tsx

@@ -4,12 +4,12 @@ import React from 'react';
 
 import { Typography } from '..';
 
-import { Container } from './PriceImpact.styles';
+import { Container, OutputUsdValue } from './PriceImpact.styles';
 
 export function PriceImpact(props: PriceImpactProps) {
   const { size, outputUsdValue, percentageChange, warningLevel, error } = props;
 
-  let percentageChangeColor = '$neutral700';
+  let percentageChangeColor = '$neutral600';
   if (!outputUsdValue || warningLevel === 'low') {
     percentageChangeColor = '$warning500';
   } else if (warningLevel === 'high') {
@@ -19,12 +19,12 @@ export function PriceImpact(props: PriceImpactProps) {
   return (
     <Container>
       {outputUsdValue && (
-        <Typography
+        <OutputUsdValue
           size={size === 'small' ? 'small' : 'medium'}
           variant="body"
-          color={size !== 'small' ? '$neutral600' : '$neutral700'}>
+          color="$neutral600">
           {`~$${outputUsdValue}`}
-        </Typography>
+        </OutputUsdValue>
       )}
       {((outputUsdValue && percentageChange) || !outputUsdValue) && (
         <Typography

package/src/components/QuoteCost/QuoteCost.styles.ts

@@ -0,0 +1,29 @@
+import { css, styled } from '../../theme';
+
+export const Container = styled('div', {
+  borderRadius: '$xs',
+  display: 'flex',
+  justifyContent: 'start',
+  alignItems: 'center',
+  paddingBottom: '$10',
+});
+
+export const Separator = styled('div', {
+  height: '$12',
+  marginLeft: '$10',
+  marginRight: '$10',
+  borderLeft: '1px solid $foreground',
+});
+
+export const iconStyles = css({
+  width: '$16',
+  height: '$16',
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+});
+
+export const itemStyles = css({
+  display: 'flex',
+  alignItems: 'center',
+});

package/src/components/{RouteCost/RouteCost.tsx → QuoteCost/QuoteCost.tsx}

@@ -1,19 +1,23 @@
-import type { PropTypes } from './RouteCost.types';
+import type { PropTypes } from './QuoteCost.types';
 
 import React from 'react';
 
 import { GasIcon, NumberIcon, TimeIcon } from '../../icons';
-import { Separator } from '../BestRoute/BestRoute.styles';
 import { Typography } from '../Typography';
 
-import { Container } from './RouteCost.styles';
+import {
+  Container,
+  iconStyles,
+  itemStyles,
+  Separator,
+} from './QuoteCost.styles';
 
-export function RouteCost(props: PropTypes) {
+export function QuoteCost(props: PropTypes) {
   const { fee, time, steps } = props;
   return (
     <Container>
-      <div className="item">
-        <div className="icon">
+      <div className={itemStyles()}>
+        <div className={iconStyles()}>
           <GasIcon size={12} color={'gray'} />
         </div>
         <Typography ml={2} align="center" variant="body" size="small">
@@ -21,8 +25,8 @@ export function RouteCost(props: PropTypes) {
         </Typography>
       </div>
       <Separator />
-      <div className="item">
-        <div className="icon">
+      <div className={itemStyles()}>
+        <div className={iconStyles()}>
           <TimeIcon size={12} color="gray" />
         </div>
         <Typography ml={2} align="center" variant="body" size="small">
@@ -30,8 +34,8 @@ export function RouteCost(props: PropTypes) {
         </Typography>
       </div>
       <Separator />
-      <div className="item">
-        <div className="icon">
+      <div className={itemStyles()}>
+        <div className={iconStyles()}>
           <NumberIcon size={16} color="gray" />
         </div>
         <Typography ml={2} align="center" variant="body" size="small">

package/src/components/QuoteCost/index.ts

@@ -0,0 +1 @@
+export { QuoteCost } from './QuoteCost';

package/src/components/Radio/Radio.styles.tsx

@@ -9,8 +9,11 @@ export const StyledItem = styled(Radio.Item, {
   borderRadius: '100%',
   cursor: 'pointer',
   backgroundColor: 'transparent',
-  border: '1px solid $neutral600',
-
+  $$borderColor: '$colors$neutral600',
+  [`.${darkTheme} &`]: {
+    $$borderColor: '$colors$neutral700',
+  },
+  border: '1px solid $$borderColor',
   '&[data-state="checked"]': {
     $$color: '$colors$secondary500',
     [`.${darkTheme} &`]: {

package/src/components/RoutesOverview/RoutesOverview.tsx

@@ -2,7 +2,7 @@ import type { BestRouteResponse } from 'rango-sdk';
 
 import React from 'react';
 
-import { styled } from '../../theme';
+import { darkTheme, styled } from '../../theme';
 import { Divider } from '../Divider';
 import { AngleRightIcon, GasIcon } from '../Icon';
 
@@ -13,7 +13,11 @@ export const Container = styled('div', {
   padding: '$8',
   borderRadius: '$xs',
   backgroundColor: '$background',
-  color: '$neutral600',
+  $$color: '$colors$neutral600',
+  [`.${darkTheme} &`]: {
+    $$color: '$colors$neutral700',
+  },
+  color: '$$color',
   fontSize: '$12',
 
   '.routes': {

package/src/components/SelectableCategoryList/SelectableCategoryList.helpers.ts

@@ -1,7 +1,29 @@
 import { type BlockchainMeta, TransactionType } from 'rango-sdk';
 
+import {
+  CosmosCategoryIcon,
+  EvmCategoryIcon,
+  OtherCategoryIcon,
+  UtxoCategoryIcon,
+} from '../../icons';
+
 import { BlockchainCategories } from './SelectableCategoryList.types';
 
+export const blockchainCategoryIcons = {
+  [BlockchainCategories.EVM]: EvmCategoryIcon,
+  [BlockchainCategories.COSMOS]: CosmosCategoryIcon,
+  [BlockchainCategories.UTXO]: UtxoCategoryIcon,
+  [BlockchainCategories.OTHER]: OtherCategoryIcon,
+};
+
+export const blockchainCategoryLabel = {
+  [BlockchainCategories.ALL]: 'All',
+  [BlockchainCategories.EVM]: 'EVM',
+  [BlockchainCategories.COSMOS]: 'Cosmos',
+  [BlockchainCategories.UTXO]: 'UTXO',
+  [BlockchainCategories.OTHER]: 'Other',
+};
+
 const filterByType = (blockchain: BlockchainMeta, type: string): boolean => {
   switch (type) {
     case BlockchainCategories.ALL:
@@ -19,17 +41,22 @@ const filterByType = (blockchain: BlockchainMeta, type: string): boolean => {
   }
 };
 
-const blockchainslogo = {
-  [BlockchainCategories.EVM]: ['ETH', 'BSC', 'POLYGON'],
-  [BlockchainCategories.COSMOS]: ['COSMOS', 'OSMOSIS', 'JUNO'],
-  [BlockchainCategories.UTXO]: ['BTC', 'LTC', 'BCH'],
-  [BlockchainCategories.OTHER]: ['STARKNET', 'TRON', 'SOLANA'],
-};
-
-export const generateBlockchainsLogo = (
+export const hasAnyCategory = (
   list: BlockchainMeta[],
-  type: Exclude<BlockchainCategories, 'ALL'>
-) =>
-  list
-    .filter((item) => filterByType(item, type))
-    .filter((item) => blockchainslogo[type].includes(item.name));
+  blockchainType: string
+) => list.some((blockchain) => filterByType(blockchain, blockchainType));
+
+export const getCountCategories = (list: BlockchainMeta[]) => {
+  const categoriesToCheck = Object.values(BlockchainCategories).filter(
+    (category) => category !== BlockchainCategories.ALL
+  );
+
+  const categoriesCount = categoriesToCheck.reduce((count, category) => {
+    const isCategoryPresent = list.some((blockchain) =>
+      filterByType(blockchain, category)
+    );
+    return count + (isCategoryPresent ? 1 : 0);
+  }, 0);
+
+  return categoriesCount;
+};