kaleido-ui 0.1.101 → 0.1.103

package/dist/web/index.cjs

@@ -4568,7 +4568,7 @@ function ActivityList({
     return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       "div",
       {
-        className: "relative overflow-hidden rounded-2xl bg-surface-card shadow-inner transition-all animate-in fade-in slide-in-from-bottom-2 duration-500",
+        className: "relative overflow-hidden rounded-2xl bg-surface-card bg-gradient-to-b from-white/[0.025] to-primary/[0.035] shadow-inner transition-all animate-in fade-in slide-in-from-bottom-2 duration-500",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             TransactionCard,
@@ -4581,11 +4581,13 @@ function ActivityList({
               onSubAmountInfo: item.onSubAmountInfo,
               timestamp: item.timestamp,
               onClick: () => onExpandedChange?.(isExpanded ? null : item.id),
-              className: isExpanded ? "rounded-b-none" : void 0
+              className: "relative z-[1]"
             }
           ),
-          isExpanded && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "bg-gradient-to-b from-white/[0.025] to-primary/[0.035] shadow-inner animate-in slide-in-from-top-2 duration-300", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { "aria-hidden": true, className: "h-2.5 bg-gradient-to-b from-black/25 to-transparent" }),
+          isExpanded && // -mt-4/pt-4 slides the details up behind the card's bottom
+          // radius, so the corner notches show the details' own
+          // background instead of the darker container.
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "-mt-4 pt-4 animate-in slide-in-from-top-2 duration-300", children: [
             (item.network || item.label) && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-1.5 px-3 py-2.5", children: [
               item.network && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(NetworkBadge, { network: item.network, showLabel: true }),
               item.label && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xxs font-medium text-muted-foreground", children: item.label })

package/dist/web/index.js

@@ -4386,7 +4386,7 @@ function ActivityList({
     return /* @__PURE__ */ jsxs28(
       "div",
       {
-        className: "relative overflow-hidden rounded-2xl bg-surface-card shadow-inner transition-all animate-in fade-in slide-in-from-bottom-2 duration-500",
+        className: "relative overflow-hidden rounded-2xl bg-surface-card bg-gradient-to-b from-white/[0.025] to-primary/[0.035] shadow-inner transition-all animate-in fade-in slide-in-from-bottom-2 duration-500",
         children: [
           /* @__PURE__ */ jsx41(
             TransactionCard,
@@ -4399,11 +4399,13 @@ function ActivityList({
               onSubAmountInfo: item.onSubAmountInfo,
               timestamp: item.timestamp,
               onClick: () => onExpandedChange?.(isExpanded ? null : item.id),
-              className: isExpanded ? "rounded-b-none" : void 0
+              className: "relative z-[1]"
             }
           ),
-          isExpanded && /* @__PURE__ */ jsxs28("div", { className: "bg-gradient-to-b from-white/[0.025] to-primary/[0.035] shadow-inner animate-in slide-in-from-top-2 duration-300", children: [
-            /* @__PURE__ */ jsx41("div", { "aria-hidden": true, className: "h-2.5 bg-gradient-to-b from-black/25 to-transparent" }),
+          isExpanded && // -mt-4/pt-4 slides the details up behind the card's bottom
+          // radius, so the corner notches show the details' own
+          // background instead of the darker container.
+          /* @__PURE__ */ jsxs28("div", { className: "-mt-4 pt-4 animate-in slide-in-from-top-2 duration-300", children: [
             (item.network || item.label) && /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-1.5 px-3 py-2.5", children: [
               item.network && /* @__PURE__ */ jsx41(NetworkBadge, { network: item.network, showLabel: true }),
               item.label && /* @__PURE__ */ jsx41("span", { className: "text-xxs font-medium text-muted-foreground", children: item.label })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kaleido-ui",
-  "version": "0.1.101",
+  "version": "0.1.103",
   "description": "KaleidoSwap shared UI library — design tokens, web components (Tailwind + Radix), and React Native components extending WDK UI Kit",
   "license": "MIT",
   "type": "module",