kaleido-ui 0.1.44 → 0.1.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/web/index.cjs +5 -5
  2. package/dist/web/index.js +5 -5
  3. package/package.json +1 -1
package/dist/web/index.cjs CHANGED
@@ -7646,15 +7646,15 @@ function DepositAssetSelection({
7646
7646
  {
7647
7647
  type: "button",
7648
7648
  "data-testid": "deposit-asset-btc",
7649
- className: "group flex w-full items-center gap-3 rounded-2xl bg-white/3 px-4 py-3 text-sm transition-all hover:bg-accent",
7649
+ className: "group flex w-full min-w-0 items-center gap-3 overflow-hidden rounded-2xl bg-white/3 px-4 py-3 text-sm transition-all hover:bg-accent",
7650
7650
  onClick: () => onSelectAsset(btcAsset),
7651
7651
  children: [
7652
- /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(AssetIcon, { ticker: "BTC", size: 40 }),
7652
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(AssetIcon, { ticker: "BTC", size: 40, className: "flex-shrink-0" }),
7653
7653
  /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "min-w-0 flex-1 text-left", children: [
7654
7654
  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "font-bold tracking-wide text-white transition-colors group-hover:text-primary/90", children: "Bitcoin" }),
7655
7655
  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mt-0.5 text-xs text-white/40", children: "Choose destination account next" })
7656
7656
  ] }),
7657
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-shrink-0 gap-1", children: [
7657
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "hidden min-w-0 max-w-[42%] flex-shrink flex-wrap justify-end gap-1 min-[380px]:flex", children: [
7658
7658
  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(NetworkBadge, { network: "L1", size: "sm" }),
7659
7659
  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(NetworkBadge, { network: "LN", size: "sm" }),
7660
7660
  isSparkConnected && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(NetworkBadge, { network: "Spark", size: "sm" }),
@@ -7697,12 +7697,12 @@ function DepositAssetSelection({
7697
7697
  {
7698
7698
  type: "button",
7699
7699
  "data-testid": `deposit-asset-${asset.asset_id}`,
7700
- className: "group flex w-full items-center gap-3 rounded-2xl border border-white/8 bg-white/3 px-4 py-3 text-sm transition-all hover:border-border hover:bg-accent",
7700
+ className: "group flex w-full min-w-0 items-center gap-3 overflow-hidden rounded-2xl border border-white/8 bg-white/3 px-4 py-3 text-sm transition-all hover:border-border hover:bg-accent",
7701
7701
  onClick: () => onSelectAsset(asset),
7702
7702
  children: [
7703
7703
  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(AssetIcon, { ticker: asset.ticker, size: 40, className: "flex-shrink-0" }),
7704
7704
  /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "min-w-0 flex-1 text-left", children: [
7705
- /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-1.5", children: [
7705
+ /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex min-w-0 items-center gap-1.5", children: [
7706
7706
  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "truncate font-bold tracking-wide text-white transition-colors group-hover:text-primary/90", children: asset.ticker }),
7707
7707
  protocolBadge && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
7708
7708
  "span",
package/dist/web/index.js CHANGED
@@ -7485,15 +7485,15 @@ function DepositAssetSelection({
7485
7485
  {
7486
7486
  type: "button",
7487
7487
  "data-testid": "deposit-asset-btc",
7488
- className: "group flex w-full items-center gap-3 rounded-2xl bg-white/3 px-4 py-3 text-sm transition-all hover:bg-accent",
7488
+ className: "group flex w-full min-w-0 items-center gap-3 overflow-hidden rounded-2xl bg-white/3 px-4 py-3 text-sm transition-all hover:bg-accent",
7489
7489
  onClick: () => onSelectAsset(btcAsset),
7490
7490
  children: [
7491
- /* @__PURE__ */ jsx65(AssetIcon, { ticker: "BTC", size: 40 }),
7491
+ /* @__PURE__ */ jsx65(AssetIcon, { ticker: "BTC", size: 40, className: "flex-shrink-0" }),
7492
7492
  /* @__PURE__ */ jsxs51("div", { className: "min-w-0 flex-1 text-left", children: [
7493
7493
  /* @__PURE__ */ jsx65("div", { className: "font-bold tracking-wide text-white transition-colors group-hover:text-primary/90", children: "Bitcoin" }),
7494
7494
  /* @__PURE__ */ jsx65("div", { className: "mt-0.5 text-xs text-white/40", children: "Choose destination account next" })
7495
7495
  ] }),
7496
- /* @__PURE__ */ jsxs51("div", { className: "flex flex-shrink-0 gap-1", children: [
7496
+ /* @__PURE__ */ jsxs51("div", { className: "hidden min-w-0 max-w-[42%] flex-shrink flex-wrap justify-end gap-1 min-[380px]:flex", children: [
7497
7497
  /* @__PURE__ */ jsx65(NetworkBadge, { network: "L1", size: "sm" }),
7498
7498
  /* @__PURE__ */ jsx65(NetworkBadge, { network: "LN", size: "sm" }),
7499
7499
  isSparkConnected && /* @__PURE__ */ jsx65(NetworkBadge, { network: "Spark", size: "sm" }),
@@ -7536,12 +7536,12 @@ function DepositAssetSelection({
7536
7536
  {
7537
7537
  type: "button",
7538
7538
  "data-testid": `deposit-asset-${asset.asset_id}`,
7539
- className: "group flex w-full items-center gap-3 rounded-2xl border border-white/8 bg-white/3 px-4 py-3 text-sm transition-all hover:border-border hover:bg-accent",
7539
+ className: "group flex w-full min-w-0 items-center gap-3 overflow-hidden rounded-2xl border border-white/8 bg-white/3 px-4 py-3 text-sm transition-all hover:border-border hover:bg-accent",
7540
7540
  onClick: () => onSelectAsset(asset),
7541
7541
  children: [
7542
7542
  /* @__PURE__ */ jsx65(AssetIcon, { ticker: asset.ticker, size: 40, className: "flex-shrink-0" }),
7543
7543
  /* @__PURE__ */ jsxs51("div", { className: "min-w-0 flex-1 text-left", children: [
7544
- /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-1.5", children: [
7544
+ /* @__PURE__ */ jsxs51("div", { className: "flex min-w-0 items-center gap-1.5", children: [
7545
7545
  /* @__PURE__ */ jsx65("span", { className: "truncate font-bold tracking-wide text-white transition-colors group-hover:text-primary/90", children: asset.ticker }),
7546
7546
  protocolBadge && /* @__PURE__ */ jsx65(
7547
7547
  "span",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kaleido-ui",
3
- "version": "0.1.44",
3
+ "version": "0.1.45",
4
4
  "description": "KaleidoSwap shared UI library — design tokens, web components (Tailwind + Radix), and React Native components extending WDK UI Kit",
5
5
  "license": "MIT",
6
6
  "type": "module",