kaleido-ui 0.1.48 → 0.1.49

package/dist/web/index.cjs

@@ -1805,6 +1805,7 @@ function AssetCard({
   logoUri,
   balanceVisible = true,
   accentColor,
+  status,
   onClick,
   className
 }) {
@@ -1853,7 +1854,7 @@ function AssetCard({
               /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex flex-nowrap gap-1 mt-1", children: networks.map((network) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(NetworkBadge, { network, size: "sm" }, network)) })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "min-w-0 max-w-[45%] text-right", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex min-w-0 max-w-[45%] flex-col items-end text-right", children: [
             /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "p",
               {
@@ -1862,7 +1863,8 @@ function AssetCard({
                 children: displayShown
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "mt-0.5 truncate text-tiny font-medium uppercase tracking-wide text-muted-foreground", children: ticker })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "mt-0.5 truncate text-tiny font-medium uppercase tracking-wide text-muted-foreground", children: ticker }),
+            status && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(StatusBadge, { status, className: "mt-2" })
           ] })
         ] })
       ]
@@ -3323,6 +3325,7 @@ function WalletAssetList({
         logoUri: item.logoUri,
         balanceVisible: item.balanceVisible,
         accentColor: item.accentColor,
+        status: item.status,
         onClick: item.onClick
       },
       item.id

package/dist/web/index.d.cts

@@ -228,10 +228,12 @@ interface AssetCardProps {
     balanceVisible?: boolean;
     /** Accent color hex for the card gradient. Pass a token from `kaleido-ui/tokens` (e.g. `colors.network.bitcoin`). */
     accentColor?: string;
+    /** Optional state badge for assets that are present but not currently spendable. */
+    status?: StatusType;
     onClick?: () => void;
     className?: string;
 }
-declare function AssetCard({ ticker, name, displayBalance, networks, logoUri, balanceVisible, accentColor, onClick, className, }: AssetCardProps): react_jsx_runtime.JSX.Element;
+declare function AssetCard({ ticker, name, displayBalance, networks, logoUri, balanceVisible, accentColor, status, onClick, className, }: AssetCardProps): react_jsx_runtime.JSX.Element;
 
 interface TransactionCardProps {
     /** Direction of the transaction */
@@ -580,6 +582,7 @@ interface WalletAssetListItem {
     logoUri?: string;
     balanceVisible?: boolean;
     accentColor?: string;
+    status?: StatusType;
     onClick?: () => void;
 }
 interface WalletAssetListEmptyState {

package/dist/web/index.d.ts

@@ -228,10 +228,12 @@ interface AssetCardProps {
     balanceVisible?: boolean;
     /** Accent color hex for the card gradient. Pass a token from `kaleido-ui/tokens` (e.g. `colors.network.bitcoin`). */
     accentColor?: string;
+    /** Optional state badge for assets that are present but not currently spendable. */
+    status?: StatusType;
     onClick?: () => void;
     className?: string;
 }
-declare function AssetCard({ ticker, name, displayBalance, networks, logoUri, balanceVisible, accentColor, onClick, className, }: AssetCardProps): react_jsx_runtime.JSX.Element;
+declare function AssetCard({ ticker, name, displayBalance, networks, logoUri, balanceVisible, accentColor, status, onClick, className, }: AssetCardProps): react_jsx_runtime.JSX.Element;
 
 interface TransactionCardProps {
     /** Direction of the transaction */
@@ -580,6 +582,7 @@ interface WalletAssetListItem {
     logoUri?: string;
     balanceVisible?: boolean;
     accentColor?: string;
+    status?: StatusType;
     onClick?: () => void;
 }
 interface WalletAssetListEmptyState {

package/dist/web/index.js

@@ -1638,6 +1638,7 @@ function AssetCard({
   logoUri,
   balanceVisible = true,
   accentColor,
+  status,
   onClick,
   className
 }) {
@@ -1686,7 +1687,7 @@ function AssetCard({
               /* @__PURE__ */ jsx19("div", { className: "flex flex-nowrap gap-1 mt-1", children: networks.map((network) => /* @__PURE__ */ jsx19(NetworkBadge, { network, size: "sm" }, network)) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs8("div", { className: "min-w-0 max-w-[45%] text-right", children: [
+          /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 max-w-[45%] flex-col items-end text-right", children: [
             /* @__PURE__ */ jsx19(
               "p",
               {
@@ -1695,7 +1696,8 @@ function AssetCard({
                 children: displayShown
               }
             ),
-            /* @__PURE__ */ jsx19("p", { className: "mt-0.5 truncate text-tiny font-medium uppercase tracking-wide text-muted-foreground", children: ticker })
+            /* @__PURE__ */ jsx19("p", { className: "mt-0.5 truncate text-tiny font-medium uppercase tracking-wide text-muted-foreground", children: ticker }),
+            status && /* @__PURE__ */ jsx19(StatusBadge, { status, className: "mt-2" })
           ] })
         ] })
       ]
@@ -3162,6 +3164,7 @@ function WalletAssetList({
         logoUri: item.logoUri,
         balanceVisible: item.balanceVisible,
         accentColor: item.accentColor,
+        status: item.status,
         onClick: item.onClick
       },
       item.id

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kaleido-ui",
-  "version": "0.1.48",
+  "version": "0.1.49",
   "description": "KaleidoSwap shared UI library — design tokens, web components (Tailwind + Radix), and React Native components extending WDK UI Kit",
   "license": "MIT",
   "type": "module",