@orderly.network/ui 2.9.1 → 2.10.0-alpha.1

package/dist/index.d.mts

@@ -8350,6 +8350,7 @@ type TokenIconProps = {
     name?: string;
     symbol?: string;
     className?: string;
+    url?: string;
 };
 declare const TokenIcon: FC<TokenIconProps>;
 
@@ -8743,7 +8744,6 @@ type TipsProps = {
     /** Optional className for the wrapper (button on mobile, or Tooltip trigger on desktop). */
     className?: string;
     classNames?: {
-        root?: string;
         trigger?: string;
     };
 };

package/dist/index.d.ts

@@ -8350,6 +8350,7 @@ type TokenIconProps = {
     name?: string;
     symbol?: string;
     className?: string;
+    url?: string;
 };
 declare const TokenIcon: FC<TokenIconProps>;
 
@@ -8743,7 +8744,6 @@ type TipsProps = {
     /** Optional className for the wrapper (button on mobile, or Tooltip trigger on desktop). */
     className?: string;
     classNames?: {
-        root?: string;
         trigger?: string;
     };
 };

package/dist/index.js

@@ -1308,13 +1308,16 @@ var ChainIcon = (props) => {
 };
 var TokenIcon = (props) => {
   const url = React70.useMemo(() => {
+    if (props.url) {
+      return props.url;
+    }
     let name = props.name;
     if (typeof props.symbol === "string") {
       const arr = props.symbol?.split("_");
       name = arr[1];
     }
     return `https://oss.orderly.network/static/symbol_logo/${name}.png`;
-  }, [props.name, props.symbol]);
+  }, [props.name, props.symbol, props.url]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Avatar,
     {
@@ -2217,8 +2220,8 @@ var InfoCircleIcon = React70__namespace.default.forwardRef(
       "svg",
       {
         width: "16",
-        height: "17",
-        viewBox: "0 0 16 17",
+        height: "16",
+        viewBox: "0 0 16 16",
         fill: "currentColor",
         xmlns: "http://www.w3.org/2000/svg",
         opacity,
@@ -2228,7 +2231,7 @@ var InfoCircleIcon = React70__namespace.default.forwardRef(
         children: /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
-            d: "M7.99925 1.84277C4.31738 1.84277 1.33258 4.82744 1.33258 8.50944C1.33258 12.1914 4.31738 15.1761 7.99925 15.1761C11.6811 15.1761 14.6659 12.1914 14.6659 8.50944C14.6659 4.82744 11.6811 1.84277 7.99925 1.84277ZM7.99925 5.17611C8.36745 5.17611 8.66591 5.47477 8.66591 5.84277C8.66591 6.21077 8.36745 6.50944 7.99925 6.50944C7.63105 6.50944 7.33258 6.21077 7.33258 5.84277C7.33258 5.47477 7.63105 5.17611 7.99925 5.17611ZM7.99925 7.17611C8.36745 7.17611 8.66591 7.47477 8.66591 7.84277V11.1761C8.66591 11.5441 8.36745 11.8428 7.99925 11.8428C7.63105 11.8428 7.33258 11.5441 7.33258 11.1761V7.84277C7.33258 7.47477 7.63105 7.17611 7.99925 7.17611Z",
+            d: "M7.999 1.343a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 3.333a.667.667 0 1 1 0 1.334.667.667 0 0 1 0-1.334m0 2c.368 0 .666.299.666.667v3.333a.667.667 0 0 1-1.333 0V7.343c0-.368.298-.667.667-.667",
             fill: "currentColor"
           }
         )
@@ -5490,10 +5493,12 @@ var TokenSelect = (props) => {
     if (typeof props.valueFormatter === "function") {
       return props.valueFormatter(value, {});
     }
+    const findItem = options?.find((token) => token.value === value);
     return /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gapX: 1, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         TokenIcon,
         {
+          url: findItem?.logo_uri,
           name: value,
           className: iconSize ? void 0 : icon({ size: props.size }),
           size: iconSize