kaleido-ui 0.1.98 → 0.1.99

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.
@@ -1957,9 +1957,10 @@ function TransactionCard({
1957
1957
  }
1958
1958
  ),
1959
1959
  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-tiny text-muted-foreground font-medium tracking-wide uppercase mt-0.5", children: unit }),
1960
- subAmount && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("p", { className: "flex items-center justify-end gap-1 text-tiny text-muted-foreground/70 font-medium tracking-wide tabular-nums mt-0.5", children: [
1961
- subAmount,
1962
- onSubAmountInfo && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1960
+ subAmount && (onSubAmountInfo ? (
1961
+ // The whole sub-line is the hit target; hover feedback is text
1962
+ // color only (no background), per design.
1963
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
1963
1964
  "button",
1964
1965
  {
1965
1966
  type: "button",
@@ -1968,11 +1969,14 @@ function TransactionCard({
1968
1969
  event.stopPropagation();
1969
1970
  onSubAmountInfo();
1970
1971
  },
1971
- className: "-my-1 rounded-full p-0.5 text-white/30 transition-colors hover:bg-accent hover:text-primary",
1972
- children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined block", style: { fontSize: "13px" }, children: "info" })
1972
+ className: "mt-0.5 flex w-full items-center justify-end gap-1 text-tiny text-muted-foreground/70 font-medium tracking-wide tabular-nums transition-colors hover:text-foreground",
1973
+ children: [
1974
+ subAmount,
1975
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "material-symbols-outlined block", style: { fontSize: "13px" }, children: "info" })
1976
+ ]
1973
1977
  }
1974
1978
  )
1975
- ] })
1979
+ ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-0.5 flex items-center justify-end gap-1 text-tiny text-muted-foreground/70 font-medium tracking-wide tabular-nums", children: subAmount }))
1976
1980
  ] })
1977
1981
  ]
1978
1982
  }
@@ -4807,26 +4811,30 @@ function ActivityDetailRow({
4807
4811
  onCopy,
4808
4812
  isCopied
4809
4813
  }) {
4810
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-3 py-1 last:pb-0", children: [
4811
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "shrink-0 text-xxs font-bold uppercase tracking-wider text-muted-foreground", children: label }),
4812
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { "aria-hidden": true, className: "min-w-4 flex-1 self-center border-b border-dotted border-white/15" }),
4813
- /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex max-w-[65%] items-center gap-2", children: [
4814
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "truncate font-mono text-xs font-medium text-white/90", children: value }),
4815
- onCopy && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
4816
- "button",
4817
- {
4818
- type: "button",
4819
- onClick: (event) => {
4820
- event.stopPropagation();
4821
- onCopy();
4822
- },
4823
- className: "-my-1 rounded-md p-1 text-white/30 transition-colors hover:bg-accent hover:text-primary active:scale-95",
4824
- title: fullValue ? `Copy: ${fullValue}` : "Copy",
4825
- children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: "14px" }, children: isCopied ? "check" : "content_copy" })
4826
- }
4827
- )
4814
+ return (
4815
+ // min-h-8 equalizes text-only rows with taller value content (badges,
4816
+ // pills) so the label-to-label rhythm stays uniform down the list.
4817
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex min-h-8 items-center gap-3 py-1 last:pb-0", children: [
4818
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "shrink-0 text-xxs font-bold uppercase tracking-wider text-muted-foreground", children: label }),
4819
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { "aria-hidden": true, className: "min-w-4 flex-1 self-center border-b border-dotted border-white/15" }),
4820
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex max-w-[65%] items-center gap-2", children: [
4821
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "truncate font-mono text-xs font-medium text-white/90", children: value }),
4822
+ onCopy && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
4823
+ "button",
4824
+ {
4825
+ type: "button",
4826
+ onClick: (event) => {
4827
+ event.stopPropagation();
4828
+ onCopy();
4829
+ },
4830
+ className: "-my-1 rounded-md p-1 text-white/30 transition-colors hover:bg-accent hover:text-primary active:scale-95",
4831
+ title: fullValue ? `Copy: ${fullValue}` : "Copy",
4832
+ children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "material-symbols-outlined", style: { fontSize: "14px" }, children: isCopied ? "check" : "content_copy" })
4833
+ }
4834
+ )
4835
+ ] })
4828
4836
  ] })
4829
- ] });
4837
+ );
4830
4838
  }
4831
4839
 
4832
4840
  // src/web/components/withdraw-destination-input.tsx
package/dist/web/index.js CHANGED
@@ -1769,9 +1769,10 @@ function TransactionCard({
1769
1769
  }
1770
1770
  ),
1771
1771
  /* @__PURE__ */ jsx21("p", { className: "text-tiny text-muted-foreground font-medium tracking-wide uppercase mt-0.5", children: unit }),
1772
- subAmount && /* @__PURE__ */ jsxs10("p", { className: "flex items-center justify-end gap-1 text-tiny text-muted-foreground/70 font-medium tracking-wide tabular-nums mt-0.5", children: [
1773
- subAmount,
1774
- onSubAmountInfo && /* @__PURE__ */ jsx21(
1772
+ subAmount && (onSubAmountInfo ? (
1773
+ // The whole sub-line is the hit target; hover feedback is text
1774
+ // color only (no background), per design.
1775
+ /* @__PURE__ */ jsxs10(
1775
1776
  "button",
1776
1777
  {
1777
1778
  type: "button",
@@ -1780,11 +1781,14 @@ function TransactionCard({
1780
1781
  event.stopPropagation();
1781
1782
  onSubAmountInfo();
1782
1783
  },
1783
- className: "-my-1 rounded-full p-0.5 text-white/30 transition-colors hover:bg-accent hover:text-primary",
1784
- children: /* @__PURE__ */ jsx21("span", { className: "material-symbols-outlined block", style: { fontSize: "13px" }, children: "info" })
1784
+ className: "mt-0.5 flex w-full items-center justify-end gap-1 text-tiny text-muted-foreground/70 font-medium tracking-wide tabular-nums transition-colors hover:text-foreground",
1785
+ children: [
1786
+ subAmount,
1787
+ /* @__PURE__ */ jsx21("span", { className: "material-symbols-outlined block", style: { fontSize: "13px" }, children: "info" })
1788
+ ]
1785
1789
  }
1786
1790
  )
1787
- ] })
1791
+ ) : /* @__PURE__ */ jsx21("p", { className: "mt-0.5 flex items-center justify-end gap-1 text-tiny text-muted-foreground/70 font-medium tracking-wide tabular-nums", children: subAmount }))
1788
1792
  ] })
1789
1793
  ]
1790
1794
  }
@@ -4625,26 +4629,30 @@ function ActivityDetailRow({
4625
4629
  onCopy,
4626
4630
  isCopied
4627
4631
  }) {
4628
- return /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-3 py-1 last:pb-0", children: [
4629
- /* @__PURE__ */ jsx45("span", { className: "shrink-0 text-xxs font-bold uppercase tracking-wider text-muted-foreground", children: label }),
4630
- /* @__PURE__ */ jsx45("span", { "aria-hidden": true, className: "min-w-4 flex-1 self-center border-b border-dotted border-white/15" }),
4631
- /* @__PURE__ */ jsxs32("div", { className: "flex max-w-[65%] items-center gap-2", children: [
4632
- /* @__PURE__ */ jsx45("span", { className: "truncate font-mono text-xs font-medium text-white/90", children: value }),
4633
- onCopy && /* @__PURE__ */ jsx45(
4634
- "button",
4635
- {
4636
- type: "button",
4637
- onClick: (event) => {
4638
- event.stopPropagation();
4639
- onCopy();
4640
- },
4641
- className: "-my-1 rounded-md p-1 text-white/30 transition-colors hover:bg-accent hover:text-primary active:scale-95",
4642
- title: fullValue ? `Copy: ${fullValue}` : "Copy",
4643
- children: /* @__PURE__ */ jsx45("span", { className: "material-symbols-outlined", style: { fontSize: "14px" }, children: isCopied ? "check" : "content_copy" })
4644
- }
4645
- )
4632
+ return (
4633
+ // min-h-8 equalizes text-only rows with taller value content (badges,
4634
+ // pills) so the label-to-label rhythm stays uniform down the list.
4635
+ /* @__PURE__ */ jsxs32("div", { className: "flex min-h-8 items-center gap-3 py-1 last:pb-0", children: [
4636
+ /* @__PURE__ */ jsx45("span", { className: "shrink-0 text-xxs font-bold uppercase tracking-wider text-muted-foreground", children: label }),
4637
+ /* @__PURE__ */ jsx45("span", { "aria-hidden": true, className: "min-w-4 flex-1 self-center border-b border-dotted border-white/15" }),
4638
+ /* @__PURE__ */ jsxs32("div", { className: "flex max-w-[65%] items-center gap-2", children: [
4639
+ /* @__PURE__ */ jsx45("span", { className: "truncate font-mono text-xs font-medium text-white/90", children: value }),
4640
+ onCopy && /* @__PURE__ */ jsx45(
4641
+ "button",
4642
+ {
4643
+ type: "button",
4644
+ onClick: (event) => {
4645
+ event.stopPropagation();
4646
+ onCopy();
4647
+ },
4648
+ className: "-my-1 rounded-md p-1 text-white/30 transition-colors hover:bg-accent hover:text-primary active:scale-95",
4649
+ title: fullValue ? `Copy: ${fullValue}` : "Copy",
4650
+ children: /* @__PURE__ */ jsx45("span", { className: "material-symbols-outlined", style: { fontSize: "14px" }, children: isCopied ? "check" : "content_copy" })
4651
+ }
4652
+ )
4653
+ ] })
4646
4654
  ] })
4647
- ] });
4655
+ );
4648
4656
  }
4649
4657
 
4650
4658
  // src/web/components/withdraw-destination-input.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kaleido-ui",
3
- "version": "0.1.98",
3
+ "version": "0.1.99",
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",