@cytario/design 1.17.0 → 2.0.0

package/dist/index.d.ts

@@ -958,9 +958,9 @@ declare const ColorNeutral950 = "#030712";
 declare const ColorNeutral1000 = "#000000";
 declare const ColorBrandPrimary = "#5c2483";
 declare const ColorBrandAccent = "#35b7b8";
-declare const ColorActionPrimary = "#35b7b8";
-declare const ColorActionPrimaryHover = "#2a9b9c";
-declare const ColorActionPrimaryActive = "#217d7e";
+declare const ColorActionPrimary = "#5c2483";
+declare const ColorActionPrimaryHover = "#6b2695";
+declare const ColorActionPrimaryActive = "#4a1d6a";
 declare const ColorActionSecondary = "#5c2483";
 declare const ColorActionSecondaryHover = "#6b2695";
 declare const ColorActionDanger = "#e11d48";

package/dist/index.js

@@ -2473,46 +2473,11 @@ function FileCard({
     [onPress]
   );
   const cardContent = /* @__PURE__ */ jsxs23(Fragment9, { children: [
-    /* @__PURE__ */ jsxs23(
+    /* @__PURE__ */ jsx36(
       "div",
       {
-        className: `shrink-0 relative overflow-hidden bg-[var(--color-neutral-900)] ${thumbnailClass}`,
-        children: [
-          children ? /* @__PURE__ */ jsx36("div", { className: "h-full w-full overflow-hidden", children }) : /* @__PURE__ */ jsx36("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx36(IconComponent, { size: iconSize, className: iconColor }) }),
-          onInfo && /* @__PURE__ */ jsx36(
-            "div",
-            {
-              className: [
-                "absolute opacity-0 group-hover:opacity-100 group-focus-within:opacity-100",
-                "transition-opacity duration-150",
-                compact ? "bottom-1.5 right-1.5" : "bottom-2 right-2"
-              ].join(" "),
-              children: /* @__PURE__ */ jsx36(
-                "span",
-                {
-                  onClick: handleInfoClick,
-                  onKeyDown: (e) => {
-                    if (e.key === "Enter" || e.key === " ") {
-                      handleInfoClick(e);
-                    }
-                  },
-                  role: "presentation",
-                  children: /* @__PURE__ */ jsx36(
-                    IconButton,
-                    {
-                      icon: Info2,
-                      "aria-label": `Show info for ${name}`,
-                      variant: "ghost",
-                      size: "sm",
-                      className: "bg-[var(--color-neutral-900)]/75 text-[var(--color-text-inverse)] hover:bg-[var(--color-neutral-900)]/90 rounded-[var(--border-radius-sm)]",
-                      onPress: onInfo
-                    }
-                  )
-                }
-              )
-            }
-          )
-        ]
+        className: `shrink-0 overflow-hidden bg-[var(--color-neutral-900)] ${thumbnailClass}`,
+        children: children ? /* @__PURE__ */ jsx36("div", { className: "h-full w-full overflow-hidden", children }) : /* @__PURE__ */ jsx36("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx36(IconComponent, { size: iconSize, className: iconColor }) })
       }
     ),
     /* @__PURE__ */ jsx36(
@@ -2526,7 +2491,30 @@ function FileCard({
         children: compact ? /* @__PURE__ */ jsx36("span", { className: "text-xs font-medium text-[var(--color-text-primary)] truncate", children: name }) : /* @__PURE__ */ jsxs23(Fragment9, { children: [
           /* @__PURE__ */ jsxs23("span", { className: "flex items-center gap-1.5", children: [
             /* @__PURE__ */ jsx36(FileIcon, { type, extension, size: 16 }),
-            /* @__PURE__ */ jsx36("span", { className: "text-sm font-medium text-[var(--color-text-primary)] truncate", children: name })
+            /* @__PURE__ */ jsx36("span", { className: "min-w-0 flex-1 text-sm font-medium text-[var(--color-text-primary)] truncate", children: name }),
+            onInfo && /* @__PURE__ */ jsx36(
+              "span",
+              {
+                onClick: handleInfoClick,
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" || e.key === " ") {
+                    handleInfoClick(e);
+                  }
+                },
+                role: "presentation",
+                children: /* @__PURE__ */ jsx36(
+                  IconButton,
+                  {
+                    icon: Info2,
+                    "aria-label": `Show info for ${name}`,
+                    variant: "ghost",
+                    size: "sm",
+                    className: "shrink-0 -mt-0.5 -mr-1",
+                    onPress: onInfo
+                  }
+                )
+              }
+            )
           ] }),
           size && /* @__PURE__ */ jsx36("span", { className: "text-xs text-[var(--color-text-secondary)] tabular-nums pl-[22px]", children: size })
         ] })
@@ -3546,9 +3534,9 @@ var ColorNeutral950 = "#030712";
 var ColorNeutral1000 = "#000000";
 var ColorBrandPrimary = "#5c2483";
 var ColorBrandAccent = "#35b7b8";
-var ColorActionPrimary = "#35b7b8";
-var ColorActionPrimaryHover = "#2a9b9c";
-var ColorActionPrimaryActive = "#217d7e";
+var ColorActionPrimary = "#5c2483";
+var ColorActionPrimaryHover = "#6b2695";
+var ColorActionPrimaryActive = "#4a1d6a";
 var ColorActionSecondary = "#5c2483";
 var ColorActionSecondaryHover = "#6b2695";
 var ColorActionDanger = "#e11d48";