@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.
package/dist/index.js CHANGED
@@ -1954,9 +1954,12 @@ function ActivityList({ items, empty, className }) {
1954
1954
  if (items.length === 0 && empty) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: empty });
1955
1955
  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("divide-y divide-border rounded-[1.25rem] border border-border bg-card", className), children: items.map((it) => {
1956
1956
  const body = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4 px-5 py-4", children: [
1957
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
1958
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[0.9375rem]", children: it.title }),
1959
- it.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[0.8125rem] text-muted-foreground", children: it.meta }) : null
1957
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [
1958
+ it.leading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: it.leading }) : null,
1959
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
1960
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[0.9375rem]", children: it.title }),
1961
+ it.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[0.8125rem] text-muted-foreground", children: it.meta }) : null
1962
+ ] })
1960
1963
  ] }),
1961
1964
  it.trailing ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 text-right", children: it.trailing }) : null
1962
1965
  ] });
@@ -2300,8 +2303,9 @@ var GROUNDS = [
2300
2303
  dot: "rgb(10 10 10 / 0.22)"
2301
2304
  },
2302
2305
  {
2303
- className: "text-white ring-1 ring-inset ring-white/10",
2304
- background: "linear-gradient(145deg, #2a2a2a, #0a0a0a)",
2306
+ // Lifted at the top edge so the tile keeps its shape on a dark card.
2307
+ className: "text-white ring-1 ring-inset ring-white/15",
2308
+ background: "linear-gradient(145deg, #3d3d3d, #0d0d0d 70%)",
2305
2309
  dot: "rgb(255 255 255 / 0.16)"
2306
2310
  },
2307
2311
  {