Update the names of some icons and add a new category for token icons

.changeset/lazy-dolls-bake.md

@@ -0,0 +1,5 @@
+---
+'@ant-design/web3-icons': patch
+---
+
+fix: Fix the correct name for the Cronos icon, update the name for the token, and add a new token icons category.

.dumi/theme/builtins/IconSearch/fields.ts

@@ -13,28 +13,37 @@ const chain = [
   'Polygon',
   'Sui',
   'Tron',
-  'USDT',
   'Base',
   'Avalanche',
+  'Fantom',
+  'Celo',
+  'Cronos',
+  'Moonbeam',
   'Solana',
 ];
 
+const token = ['DAI', 'WBTC', 'AAVE', 'USDT'];
+
 const tool = [
   'CoinbaseWallet',
   'Etherscan',
   'MetaMask',
   'WalletConnect',
   'TokenPocket',
   'Safeheron',
+  'Uniswap',
+  'PancakeSwap',
+  'SushiSwap',
   'Phantom',
 ];
 
-const datum = [...chain, ...tool];
+const datum = [...chain, ...token, ...tool];
 
 const other = all.filter((n) => !datum.includes(n));
 
 export const categories = {
   chain,
+  token,
   tool,
   other,
 };

.dumi/theme/locales/en-US.json

@@ -5,6 +5,7 @@
   "app.docs.components.icon.filled": "Filled",
   "app.docs.components.icon.circle-filled": "Circle Filled",
   "app.docs.components.icon.category.chain": "Chain Icons",
+  "app.docs.components.icon.category.token": "Token Icons",
   "app.docs.components.icon.category.tool": "Tool Icons",
   "app.docs.components.icon.category.other": "Other Icons",
 

.dumi/theme/locales/zh-CN.json

@@ -5,6 +5,7 @@
   "app.docs.components.icon.filled": "单色风格",
   "app.docs.components.icon.circle-filled": "圆底单色",
   "app.docs.components.icon.category.chain": "链图标",
+  "app.docs.components.icon.category.token": "代币图标",
   "app.docs.components.icon.category.tool": "工具图标",
   "app.docs.components.icon.category.other": "其他图标",
 

packages/icons/src/components/aave-circle-colorful.tsx

@@ -5,7 +5,7 @@ import { type IconBaseProps } from '@ant-design/icons/lib/components/Icon';
 import classnames from 'classnames';
 import { ConfigProvider } from 'antd';
 
-export const AaveCircleColorful = React.forwardRef<HTMLSpanElement, IconBaseProps>((props, ref) => {
+export const AAVECircleColorful = React.forwardRef<HTMLSpanElement, IconBaseProps>((props, ref) => {
   const { getPrefixCls } = React.useContext(ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls('web3-icon-aave-circle-colorful');
   return (
@@ -17,4 +17,4 @@ export const AaveCircleColorful = React.forwardRef<HTMLSpanElement, IconBaseProp
     />
   );
 });
-AaveCircleColorful.displayName = 'AaveCircleColorful';
+AAVECircleColorful.displayName = 'AAVECircleColorful';

packages/icons/src/components/cronos-colorful.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import AntdIcon from '@ant-design/icons';
+import SVGComponent from '../svgs/cronos-colorful.svg';
+import { type IconBaseProps } from '@ant-design/icons/lib/components/Icon';
+import classnames from 'classnames';
+import { ConfigProvider } from 'antd';
+
+export const CronosColorful = React.forwardRef<HTMLSpanElement, IconBaseProps>((props, ref) => {
+  const { getPrefixCls } = React.useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('web3-icon-cronos-colorful');
+  return (
+    <AntdIcon
+      {...props}
+      className={classnames(prefixCls, props.className)}
+      ref={ref}
+      component={SVGComponent}
+    />
+  );
+});
+CronosColorful.displayName = 'CronosColorful';

packages/icons/src/components/dai-circle-colorful.tsx

@@ -5,7 +5,7 @@ import { type IconBaseProps } from '@ant-design/icons/lib/components/Icon';
 import classnames from 'classnames';
 import { ConfigProvider } from 'antd';
 
-export const DaiCircleColorful = React.forwardRef<HTMLSpanElement, IconBaseProps>((props, ref) => {
+export const DAICircleColorful = React.forwardRef<HTMLSpanElement, IconBaseProps>((props, ref) => {
   const { getPrefixCls } = React.useContext(ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls('web3-icon-dai-circle-colorful');
   return (
@@ -17,4 +17,4 @@ export const DaiCircleColorful = React.forwardRef<HTMLSpanElement, IconBaseProps
     />
   );
 });
-DaiCircleColorful.displayName = 'DaiCircleColorful';
+DAICircleColorful.displayName = 'DAICircleColorful';

packages/icons/src/components/usdt-colorful.tsx

@@ -5,7 +5,7 @@ import { type IconBaseProps } from '@ant-design/icons/lib/components/Icon';
 import classnames from 'classnames';
 import { ConfigProvider } from 'antd';
 
-export const UsdtColorful = React.forwardRef<HTMLSpanElement, IconBaseProps>((props, ref) => {
+export const USDTColorful = React.forwardRef<HTMLSpanElement, IconBaseProps>((props, ref) => {
   const { getPrefixCls } = React.useContext(ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls('web3-icon-usdt-colorful');
   return (
@@ -17,4 +17,4 @@ export const UsdtColorful = React.forwardRef<HTMLSpanElement, IconBaseProps>((pr
     />
   );
 });
-UsdtColorful.displayName = 'UsdtColorful';
+USDTColorful.displayName = 'USDTColorful';

packages/icons/src/index.ts

@@ -42,7 +42,7 @@ export * from './components/chrome-circle-colorful';
 
 export * from './components/tokenpocket-colorful';
 
-export * from './components/cronos-circle-colorful';
+export * from './components/cronos-colorful';
 export * from './components/wbtc-circle-colorful';
 export * from './components/dai-circle-colorful';
 export * from './components/uniswap-colorful';