@orangecheck/app-design 0.5.1 → 0.5.3

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.
@@ -527,6 +527,7 @@ interface ActivityItem {
527
527
  id: string;
528
528
  title: ReactNode;
529
529
  meta?: ReactNode;
530
+ leading?: ReactNode;
530
531
  trailing?: ReactNode;
531
532
  href?: string;
532
533
  }
@@ -527,6 +527,7 @@ interface ActivityItem {
527
527
  id: string;
528
528
  title: ReactNode;
529
529
  meta?: ReactNode;
530
+ leading?: ReactNode;
530
531
  trailing?: ReactNode;
531
532
  href?: string;
532
533
  }
@@ -981,9 +981,12 @@ function ActivityList({ items, empty, className }) {
981
981
  if (items.length === 0 && empty) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: empty });
982
982
  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("divide-y divide-border rounded-[1.25rem] border border-border bg-card", className), children: items.map((it) => {
983
983
  const body = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4 px-5 py-4", children: [
984
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
985
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[0.9375rem]", children: it.title }),
986
- it.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[0.8125rem] text-muted-foreground", children: it.meta }) : null
984
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [
985
+ it.leading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: it.leading }) : null,
986
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
987
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[0.9375rem]", children: it.title }),
988
+ it.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[0.8125rem] text-muted-foreground", children: it.meta }) : null
989
+ ] })
987
990
  ] }),
988
991
  it.trailing ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 text-right", children: it.trailing }) : null
989
992
  ] });
@@ -1327,8 +1330,9 @@ var GROUNDS = [
1327
1330
  dot: "rgb(10 10 10 / 0.22)"
1328
1331
  },
1329
1332
  {
1330
- className: "text-white ring-1 ring-inset ring-white/10",
1331
- background: "linear-gradient(145deg, #2a2a2a, #0a0a0a)",
1333
+ // Lifted at the top edge so the tile keeps its shape on a dark card.
1334
+ className: "text-white ring-1 ring-inset ring-white/15",
1335
+ background: "linear-gradient(145deg, #3d3d3d, #0d0d0d 70%)",
1332
1336
  dot: "rgb(255 255 255 / 0.16)"
1333
1337
  },
1334
1338
  {