kaleido-ui 0.1.118 → 0.1.120

package/dist/web/index.cjs

@@ -1412,7 +1412,7 @@ function StatusBadge({ status, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { name: icon, className: "text-icon-sm" }),
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: label })
       ]
     }
@@ -3540,6 +3540,8 @@ function BalanceBreakdown({
   const fiatTotal = formatFiatValue(totalBTC);
   const rgbBtcLabels = getRgbBtcBreakdownLabels(accounts);
   const showLightningRow = externalLightningAvailable ?? rgbBtcLabels.showLightning;
+  const lightningLabel = externalLightningAvailable ? "BTC on Lightning" : rgbBtcLabels.lightningLabel;
+  const lightningSublabel = externalLightningAvailable ? "External channel balance" : rgbBtcLabels.lightningSublabel;
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: `flex flex-col ${compact ? "gap-2" : "gap-3"}`, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     "div",
     {
@@ -3652,8 +3654,8 @@ function BalanceBreakdown({
                   ),
                   iconColor: "text-network-lightning",
                   dotColor: "bg-network-lightning",
-                  label: rgbBtcLabels.lightningLabel,
-                  sublabel: rgbBtcLabels.lightningSublabel,
+                  label: lightningLabel,
+                  sublabel: lightningSublabel,
                   amount: btcLightning,
                   isPending: btcLightningPending,
                   visible: balanceVisible,
@@ -5028,7 +5030,7 @@ function ActivityDetailRow({
             },
             className: "-my-1 rounded-md p-1 text-white/30 transition-colors hover:bg-accent hover:text-primary active:scale-95",
             title: fullValue ? `Copy: ${fullValue}` : "Copy",
-            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: "14px" }, children: isCopied ? "check" : "content_copy" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon, { name: isCopied ? "check" : "content_copy", style: { fontSize: "14px" } })
           }
         )
       ] })

package/dist/web/index.js

@@ -1218,7 +1218,7 @@ function StatusBadge({ status, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx16("span", { className: "material-symbols-outlined text-icon-sm", children: icon }),
+        /* @__PURE__ */ jsx16(Icon, { name: icon, className: "text-icon-sm" }),
         /* @__PURE__ */ jsx16("span", { children: label })
       ]
     }
@@ -3352,6 +3352,8 @@ function BalanceBreakdown({
   const fiatTotal = formatFiatValue(totalBTC);
   const rgbBtcLabels = getRgbBtcBreakdownLabels(accounts);
   const showLightningRow = externalLightningAvailable ?? rgbBtcLabels.showLightning;
+  const lightningLabel = externalLightningAvailable ? "BTC on Lightning" : rgbBtcLabels.lightningLabel;
+  const lightningSublabel = externalLightningAvailable ? "External channel balance" : rgbBtcLabels.lightningSublabel;
   return /* @__PURE__ */ jsx38("div", { className: `flex flex-col ${compact ? "gap-2" : "gap-3"}`, children: /* @__PURE__ */ jsxs25(
     "div",
     {
@@ -3464,8 +3466,8 @@ function BalanceBreakdown({
                   ),
                   iconColor: "text-network-lightning",
                   dotColor: "bg-network-lightning",
-                  label: rgbBtcLabels.lightningLabel,
-                  sublabel: rgbBtcLabels.lightningSublabel,
+                  label: lightningLabel,
+                  sublabel: lightningSublabel,
                   amount: btcLightning,
                   isPending: btcLightningPending,
                   visible: balanceVisible,
@@ -4840,7 +4842,7 @@ function ActivityDetailRow({
             },
             className: "-my-1 rounded-md p-1 text-white/30 transition-colors hover:bg-accent hover:text-primary active:scale-95",
             title: fullValue ? `Copy: ${fullValue}` : "Copy",
-            children: /* @__PURE__ */ jsx46("span", { className: "material-symbols-outlined", style: { fontSize: "14px" }, children: isCopied ? "check" : "content_copy" })
+            children: /* @__PURE__ */ jsx46(Icon, { name: isCopied ? "check" : "content_copy", style: { fontSize: "14px" } })
           }
         )
       ] })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kaleido-ui",
-  "version": "0.1.118",
+  "version": "0.1.120",
   "description": "KaleidoSwap shared UI library \u2014 design tokens, web components (Tailwind + Radix), and React Native components extending WDK UI Kit",
   "license": "MIT",
   "type": "module",
@@ -38,7 +38,8 @@
   "scripts": {
     "generate:css": "node node_modules/tsx/dist/cli.mjs scripts/generate-css.ts",
     "check:tokens": "node node_modules/tsx/dist/cli.mjs scripts/check-tokens.ts",
-    "build": "npm run generate:css && npm run check:tokens && tsup && mkdir -p dist/css && cp src/css/kaleido-ui.css dist/css/kaleido-ui.css && mkdir -p dist/native/fonts && cp src/native/fonts/*.ttf dist/native/fonts/",
+    "check:design-doc": "node node_modules/tsx/dist/cli.mjs scripts/check-design-doc.ts",
+    "build": "npm run generate:css && npm run check:tokens && npm run check:design-doc && tsup && mkdir -p dist/css && cp src/css/kaleido-ui.css dist/css/kaleido-ui.css && mkdir -p dist/native/fonts && cp src/native/fonts/*.ttf dist/native/fonts/",
     "dev": "tsup --watch",
     "showcase": "vite --config showcase/vite.config.ts",
     "showcase:build": "npm run generate:css && vite build --config showcase/vite.config.ts",