kaleido-ui 0.1.85 → 0.1.87

package/dist/native/index.cjs

@@ -157,6 +157,25 @@ var colors = {
     thumbHover: "rgba(43, 238, 121, 0.55)",
     track: "transparent"
   },
+  /** External bridge chains — third-party brand colors for network tags.
+   * Keyed by the lowercase chain id the bridge API uses. */
+  bridgeChain: {
+    ethereum: "#627EEA",
+    base: "#0052FF",
+    arbitrum: "#28A0F0",
+    optimism: "#FF0420",
+    polygon: "#8247E5",
+    solana: "#9945FF",
+    tron: "#FF4B4B",
+    bitcoin: "#F7931A",
+    lightning: "#F6C343",
+    spark: "#FF6D00",
+    avalanche: "#E84142",
+    bsc: "#F0B90B",
+    litecoin: "#4A7BD4",
+    ton: "#0098EA",
+    monad: "#836EF9"
+  },
   /** Network / Layer */
   network: {
     bitcoin: "#F7931A",

package/dist/native/index.d.cts

@@ -459,6 +459,25 @@ declare const colors: {
         readonly thumbHover: "rgba(43, 238, 121, 0.55)";
         readonly track: "transparent";
     };
+    /** External bridge chains — third-party brand colors for network tags.
+     * Keyed by the lowercase chain id the bridge API uses. */
+    readonly bridgeChain: {
+        readonly ethereum: "#627EEA";
+        readonly base: "#0052FF";
+        readonly arbitrum: "#28A0F0";
+        readonly optimism: "#FF0420";
+        readonly polygon: "#8247E5";
+        readonly solana: "#9945FF";
+        readonly tron: "#FF4B4B";
+        readonly bitcoin: "#F7931A";
+        readonly lightning: "#F6C343";
+        readonly spark: "#FF6D00";
+        readonly avalanche: "#E84142";
+        readonly bsc: "#F0B90B";
+        readonly litecoin: "#4A7BD4";
+        readonly ton: "#0098EA";
+        readonly monad: "#836EF9";
+    };
     /** Network / Layer */
     readonly network: {
         readonly bitcoin: "#F7931A";

package/dist/native/index.d.ts

@@ -459,6 +459,25 @@ declare const colors: {
         readonly thumbHover: "rgba(43, 238, 121, 0.55)";
         readonly track: "transparent";
     };
+    /** External bridge chains — third-party brand colors for network tags.
+     * Keyed by the lowercase chain id the bridge API uses. */
+    readonly bridgeChain: {
+        readonly ethereum: "#627EEA";
+        readonly base: "#0052FF";
+        readonly arbitrum: "#28A0F0";
+        readonly optimism: "#FF0420";
+        readonly polygon: "#8247E5";
+        readonly solana: "#9945FF";
+        readonly tron: "#FF4B4B";
+        readonly bitcoin: "#F7931A";
+        readonly lightning: "#F6C343";
+        readonly spark: "#FF6D00";
+        readonly avalanche: "#E84142";
+        readonly bsc: "#F0B90B";
+        readonly litecoin: "#4A7BD4";
+        readonly ton: "#0098EA";
+        readonly monad: "#836EF9";
+    };
     /** Network / Layer */
     readonly network: {
         readonly bitcoin: "#F7931A";

package/dist/native/index.js

@@ -79,6 +79,25 @@ var colors = {
     thumbHover: "rgba(43, 238, 121, 0.55)",
     track: "transparent"
   },
+  /** External bridge chains — third-party brand colors for network tags.
+   * Keyed by the lowercase chain id the bridge API uses. */
+  bridgeChain: {
+    ethereum: "#627EEA",
+    base: "#0052FF",
+    arbitrum: "#28A0F0",
+    optimism: "#FF0420",
+    polygon: "#8247E5",
+    solana: "#9945FF",
+    tron: "#FF4B4B",
+    bitcoin: "#F7931A",
+    lightning: "#F6C343",
+    spark: "#FF6D00",
+    avalanche: "#E84142",
+    bsc: "#F0B90B",
+    litecoin: "#4A7BD4",
+    ton: "#0098EA",
+    monad: "#836EF9"
+  },
   /** Network / Layer */
   network: {
     bitcoin: "#F7931A",

package/dist/tokens/index.cjs

@@ -30,6 +30,7 @@ __export(tokens_exports, {
   fontWeight: () => fontWeight,
   gradient: () => gradient,
   iconBoxSize: () => iconBoxSize,
+  iconColors: () => iconColors,
   iconSize: () => iconSize,
   keyframes: () => keyframes,
   layer: () => layer,
@@ -158,6 +159,25 @@ var colors = {
     thumbHover: "rgba(43, 238, 121, 0.55)",
     track: "transparent"
   },
+  /** External bridge chains — third-party brand colors for network tags.
+   * Keyed by the lowercase chain id the bridge API uses. */
+  bridgeChain: {
+    ethereum: "#627EEA",
+    base: "#0052FF",
+    arbitrum: "#28A0F0",
+    optimism: "#FF0420",
+    polygon: "#8247E5",
+    solana: "#9945FF",
+    tron: "#FF4B4B",
+    bitcoin: "#F7931A",
+    lightning: "#F6C343",
+    spark: "#FF6D00",
+    avalanche: "#E84142",
+    bsc: "#F0B90B",
+    litecoin: "#4A7BD4",
+    ton: "#0098EA",
+    monad: "#836EF9"
+  },
   /** Network / Layer */
   network: {
     bitcoin: "#F7931A",
@@ -586,6 +606,37 @@ var themes = { light, dark };
 function makeTheme(mode) {
   return themes[mode];
 }
+
+// src/tokens/icon-colors.generated.ts
+var iconColors = {
+  "arbitrum": "#1C3249",
+  "avalanche": "#E84142",
+  "bitcoin": "#F7931A",
+  "bnb": "#F3BA2E",
+  "btc": "#F7931A",
+  "eth": "#ECEFF0",
+  "ethereum": "#ECEFF0",
+  "hypercore": "#072723",
+  "hyperevm": "#072723",
+  "lightning": "#F7931A",
+  "litecoin": "#385D9A",
+  "monad": "#6E54FF",
+  "optimism": "#FE0420",
+  "plasma": "#162F29",
+  "polygon": "#843BED",
+  "sol": "#2BD9B9",
+  "solana": "#9548FC",
+  "tempo": "#BFBFBF",
+  "ton": "#30A1F5",
+  "tron": "#FF0013",
+  "trx": "#FF0013",
+  "usdb": "#01875A",
+  "usdc": "#2775C9",
+  "usdce": "#2775CA",
+  "usdt": "#26A17B",
+  "xrp": "#23292F",
+  "zcash": "#ECB449"
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   animation,
@@ -598,6 +649,7 @@ function makeTheme(mode) {
   fontWeight,
   gradient,
   iconBoxSize,
+  iconColors,
   iconSize,
   keyframes,
   layer,

package/dist/tokens/index.d.cts

@@ -70,6 +70,25 @@ declare const colors: {
         readonly thumbHover: "rgba(43, 238, 121, 0.55)";
         readonly track: "transparent";
     };
+    /** External bridge chains — third-party brand colors for network tags.
+     * Keyed by the lowercase chain id the bridge API uses. */
+    readonly bridgeChain: {
+        readonly ethereum: "#627EEA";
+        readonly base: "#0052FF";
+        readonly arbitrum: "#28A0F0";
+        readonly optimism: "#FF0420";
+        readonly polygon: "#8247E5";
+        readonly solana: "#9945FF";
+        readonly tron: "#FF4B4B";
+        readonly bitcoin: "#F7931A";
+        readonly lightning: "#F6C343";
+        readonly spark: "#FF6D00";
+        readonly avalanche: "#E84142";
+        readonly bsc: "#F0B90B";
+        readonly litecoin: "#4A7BD4";
+        readonly ton: "#0098EA";
+        readonly monad: "#836EF9";
+    };
     /** Network / Layer */
     readonly network: {
         readonly bitcoin: "#F7931A";
@@ -552,4 +571,6 @@ declare const themes: Record<ThemeMode, KaleidoTheme>;
 /** Resolve the full palette for a mode. */
 declare function makeTheme(mode: ThemeMode): KaleidoTheme;
 
-export { type AppSemanticToken, type KaleidoTheme, type NativeTypeLevel, type ThemeMode, animation, appSemanticDark, appSemanticLight, appSemanticOrder, appStatusSubtleAlpha, colors, fontFamily, fontWeight, gradient, iconBoxSize, iconSize, keyframes, layer, letterSpacing, lightSemanticColors, makeTheme, nativeType, radius, shadow, sizing, themes, transition, typeScale };
+declare const iconColors: Record<string, string>;
+
+export { type AppSemanticToken, type KaleidoTheme, type NativeTypeLevel, type ThemeMode, animation, appSemanticDark, appSemanticLight, appSemanticOrder, appStatusSubtleAlpha, colors, fontFamily, fontWeight, gradient, iconBoxSize, iconColors, iconSize, keyframes, layer, letterSpacing, lightSemanticColors, makeTheme, nativeType, radius, shadow, sizing, themes, transition, typeScale };

package/dist/tokens/index.d.ts

@@ -70,6 +70,25 @@ declare const colors: {
         readonly thumbHover: "rgba(43, 238, 121, 0.55)";
         readonly track: "transparent";
     };
+    /** External bridge chains — third-party brand colors for network tags.
+     * Keyed by the lowercase chain id the bridge API uses. */
+    readonly bridgeChain: {
+        readonly ethereum: "#627EEA";
+        readonly base: "#0052FF";
+        readonly arbitrum: "#28A0F0";
+        readonly optimism: "#FF0420";
+        readonly polygon: "#8247E5";
+        readonly solana: "#9945FF";
+        readonly tron: "#FF4B4B";
+        readonly bitcoin: "#F7931A";
+        readonly lightning: "#F6C343";
+        readonly spark: "#FF6D00";
+        readonly avalanche: "#E84142";
+        readonly bsc: "#F0B90B";
+        readonly litecoin: "#4A7BD4";
+        readonly ton: "#0098EA";
+        readonly monad: "#836EF9";
+    };
     /** Network / Layer */
     readonly network: {
         readonly bitcoin: "#F7931A";
@@ -552,4 +571,6 @@ declare const themes: Record<ThemeMode, KaleidoTheme>;
 /** Resolve the full palette for a mode. */
 declare function makeTheme(mode: ThemeMode): KaleidoTheme;
 
-export { type AppSemanticToken, type KaleidoTheme, type NativeTypeLevel, type ThemeMode, animation, appSemanticDark, appSemanticLight, appSemanticOrder, appStatusSubtleAlpha, colors, fontFamily, fontWeight, gradient, iconBoxSize, iconSize, keyframes, layer, letterSpacing, lightSemanticColors, makeTheme, nativeType, radius, shadow, sizing, themes, transition, typeScale };
+declare const iconColors: Record<string, string>;
+
+export { type AppSemanticToken, type KaleidoTheme, type NativeTypeLevel, type ThemeMode, animation, appSemanticDark, appSemanticLight, appSemanticOrder, appStatusSubtleAlpha, colors, fontFamily, fontWeight, gradient, iconBoxSize, iconColors, iconSize, keyframes, layer, letterSpacing, lightSemanticColors, makeTheme, nativeType, radius, shadow, sizing, themes, transition, typeScale };

package/dist/tokens/index.js

@@ -110,6 +110,25 @@ var colors = {
     thumbHover: "rgba(43, 238, 121, 0.55)",
     track: "transparent"
   },
+  /** External bridge chains — third-party brand colors for network tags.
+   * Keyed by the lowercase chain id the bridge API uses. */
+  bridgeChain: {
+    ethereum: "#627EEA",
+    base: "#0052FF",
+    arbitrum: "#28A0F0",
+    optimism: "#FF0420",
+    polygon: "#8247E5",
+    solana: "#9945FF",
+    tron: "#FF4B4B",
+    bitcoin: "#F7931A",
+    lightning: "#F6C343",
+    spark: "#FF6D00",
+    avalanche: "#E84142",
+    bsc: "#F0B90B",
+    litecoin: "#4A7BD4",
+    ton: "#0098EA",
+    monad: "#836EF9"
+  },
   /** Network / Layer */
   network: {
     bitcoin: "#F7931A",
@@ -538,6 +557,37 @@ var themes = { light, dark };
 function makeTheme(mode) {
   return themes[mode];
 }
+
+// src/tokens/icon-colors.generated.ts
+var iconColors = {
+  "arbitrum": "#1C3249",
+  "avalanche": "#E84142",
+  "bitcoin": "#F7931A",
+  "bnb": "#F3BA2E",
+  "btc": "#F7931A",
+  "eth": "#ECEFF0",
+  "ethereum": "#ECEFF0",
+  "hypercore": "#072723",
+  "hyperevm": "#072723",
+  "lightning": "#F7931A",
+  "litecoin": "#385D9A",
+  "monad": "#6E54FF",
+  "optimism": "#FE0420",
+  "plasma": "#162F29",
+  "polygon": "#843BED",
+  "sol": "#2BD9B9",
+  "solana": "#9548FC",
+  "tempo": "#BFBFBF",
+  "ton": "#30A1F5",
+  "tron": "#FF0013",
+  "trx": "#FF0013",
+  "usdb": "#01875A",
+  "usdc": "#2775C9",
+  "usdce": "#2775CA",
+  "usdt": "#26A17B",
+  "xrp": "#23292F",
+  "zcash": "#ECB449"
+};
 export {
   animation,
   appSemanticDark,
@@ -549,6 +599,7 @@ export {
   fontWeight,
   gradient,
   iconBoxSize,
+  iconColors,
   iconSize,
   keyframes,
   layer,

package/dist/web/index.cjs

@@ -7340,6 +7340,25 @@ var colors = {
     thumbHover: "rgba(43, 238, 121, 0.55)",
     track: "transparent"
   },
+  /** External bridge chains — third-party brand colors for network tags.
+   * Keyed by the lowercase chain id the bridge API uses. */
+  bridgeChain: {
+    ethereum: "#627EEA",
+    base: "#0052FF",
+    arbitrum: "#28A0F0",
+    optimism: "#FF0420",
+    polygon: "#8247E5",
+    solana: "#9945FF",
+    tron: "#FF4B4B",
+    bitcoin: "#F7931A",
+    lightning: "#F6C343",
+    spark: "#FF6D00",
+    avalanche: "#E84142",
+    bsc: "#F0B90B",
+    litecoin: "#4A7BD4",
+    ton: "#0098EA",
+    monad: "#836EF9"
+  },
   /** Network / Layer */
   network: {
     bitcoin: "#F7931A",

package/dist/web/index.js

@@ -7159,6 +7159,25 @@ var colors = {
     thumbHover: "rgba(43, 238, 121, 0.55)",
     track: "transparent"
   },
+  /** External bridge chains — third-party brand colors for network tags.
+   * Keyed by the lowercase chain id the bridge API uses. */
+  bridgeChain: {
+    ethereum: "#627EEA",
+    base: "#0052FF",
+    arbitrum: "#28A0F0",
+    optimism: "#FF0420",
+    polygon: "#8247E5",
+    solana: "#9945FF",
+    tron: "#FF4B4B",
+    bitcoin: "#F7931A",
+    lightning: "#F6C343",
+    spark: "#FF6D00",
+    avalanche: "#E84142",
+    bsc: "#F0B90B",
+    litecoin: "#4A7BD4",
+    ton: "#0098EA",
+    monad: "#836EF9"
+  },
   /** Network / Layer */
   network: {
     bitcoin: "#F7931A",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kaleido-ui",
-  "version": "0.1.85",
+  "version": "0.1.87",
   "description": "KaleidoSwap shared UI library — design tokens, web components (Tailwind + Radix), and React Native components extending WDK UI Kit",
   "license": "MIT",
   "type": "module",
@@ -117,6 +117,7 @@
     "autoprefixer": "^10.5.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "pngjs": "^7.0.0",
     "postcss": "^8.4.49",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",