@orangecheck/app-design 1.6.0 → 1.6.2

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.
@@ -942,7 +942,8 @@ function ScrollFade({ fade = "var(--card)", className, innerClassName, children,
942
942
  onScroll: measure,
943
943
  tabIndex: edges.left || edges.right ? 0 : void 0,
944
944
  className: cn(
945
- "overflow-x-auto overscroll-x-contain rounded-[inherit] outline-none focus-visible:ring-2 focus-visible:ring-ring",
945
+ // Positioned, so sr-only text deep in a wide row scrolls and clips with the row.
946
+ "relative overflow-x-auto overscroll-x-contain rounded-[inherit] outline-none focus-visible:ring-2 focus-visible:ring-ring",
946
947
  innerClassName
947
948
  ),
948
949
  children
@@ -2897,7 +2898,7 @@ function Panel({
2897
2898
  const [open, setOpen] = useState(false);
2898
2899
  const body = (expanded) => typeof children === "function" ? children(expanded) : children;
2899
2900
  const head = (expanded) => /* @__PURE__ */ jsxs("header", { className: "flex flex-wrap items-start justify-between gap-x-4 gap-y-2", children: [
2900
- /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
2901
+ /* @__PURE__ */ jsxs("div", { className: "flex min-w-[min(100%,12rem)] flex-1 basis-0 flex-col gap-1", children: [
2901
2902
  expanded ? /* @__PURE__ */ jsx(DialogTitle, { className: "text-[1.0625rem] font-medium leading-snug", children: title }) : /* @__PURE__ */ jsx("h3", { className: "text-[1rem] font-medium leading-snug", children: title }),
2902
2903
  description ? expanded ? /* @__PURE__ */ jsx(DialogDescription, { className: "text-[0.875rem] leading-snug text-muted-foreground", children: description }) : /* @__PURE__ */ jsx("p", { className: "text-[0.875rem] leading-snug text-muted-foreground", children: description }) : null
2903
2904
  ] }),
@@ -2926,7 +2927,7 @@ function Panel({
2926
2927
  className: "flex h-[min(92dvh,56rem)] w-[min(96vw,80rem)] max-w-none flex-col gap-4 overflow-y-auto",
2927
2928
  children: [
2928
2929
  head(true),
2929
- /* @__PURE__ */ jsx("div", { className: "min-h-0 min-w-0 flex-1", children: open ? body(true) : null }),
2930
+ /* @__PURE__ */ jsx("div", { className: "min-h-0 min-w-0 flex-1 overflow-y-auto", children: open ? body(true) : null }),
2930
2931
  source ? /* @__PURE__ */ jsx("div", { className: "border-t border-border pt-3", children: source }) : null
2931
2932
  ]
2932
2933
  }
@@ -4328,7 +4329,7 @@ function SignMessage({
4328
4329
  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-5", className), children: [
4329
4330
  lead ? /* @__PURE__ */ jsx("p", { className: "text-[0.9375rem] leading-relaxed", children: lead }) : null,
4330
4331
  wallets ? /* @__PURE__ */ jsxs(Fragment, { children: [
4331
- /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: wallets }),
4332
+ /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 [--oc-wallet-heading:none]", children: wallets }),
4332
4333
  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-[0.8125rem] text-muted-foreground", children: [
4333
4334
  /* @__PURE__ */ jsx("span", { className: "h-px flex-1 bg-border" }),
4334
4335
  "or sign it in any wallet",