@discuss-ds/ui 0.3.3 → 0.3.5

package/dist/index.d.cts

@@ -835,6 +835,7 @@ interface ActivityStat extends Pick<StatCardProps, 'label' | 'value' | 'icon' |
 interface ActivitySection {
     id: string;
     heading: React.ReactNode;
+    /** Section text. May contain block elements (e.g. an `InlineEdit`), so it is rendered in a `div`. */
     body: React.ReactNode;
     /** Removable tags shown under the body. */
     tags?: string[];

package/dist/index.d.ts

@@ -835,6 +835,7 @@ interface ActivityStat extends Pick<StatCardProps, 'label' | 'value' | 'icon' |
 interface ActivitySection {
     id: string;
     heading: React.ReactNode;
+    /** Section text. May contain block elements (e.g. an `InlineEdit`), so it is rendered in a `div`. */
     body: React.ReactNode;
     /** Removable tags shown under the body. */
     tags?: string[];

package/dist/index.js

@@ -368,14 +368,14 @@ var RadioGroupItem = React9.forwardRef(({ className, ...props }, ref) => /* @__P
   {
     ref,
     className: cn(
-      "peer inline-flex size-5 shrink-0 items-center justify-center rounded-full border-2 border-input bg-surface transition-colors",
+      "peer inline-flex size-4 shrink-0 items-center justify-center rounded-full border-2 border-input bg-surface transition-colors",
       "disabled:cursor-not-allowed disabled:opacity-50",
       // Brand override: selected controls use `ring`, not `primary`/`accent`.
       "data-[state=checked]:border-ring",
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx9(RadioGroupPrimitive.Indicator, { className: "size-2.5 rounded-full bg-ring" })
+    children: /* @__PURE__ */ jsx9(RadioGroupPrimitive.Indicator, { className: "size-2 rounded-full bg-ring" })
   }
 ));
 RadioGroupItem.displayName = "RadioGroupItem";
@@ -2747,7 +2747,8 @@ var QuestionNavItem = React43.forwardRef(
         className: cn(
           "group/nav flex h-9.5 w-full max-w-106.5 items-center gap-2 rounded-sm border bg-surface p-2 text-left text-body-small text-surface-foreground transition-colors focus-visible:outline-none",
           error ? ["hover:bg-destructive-soft focus-visible:border-destructive", selected ? "border-destructive" : "border-border"] : [
-            "hover:border-input-accent hover:bg-accent-soft focus-visible:border-input-accent",
+            // Hover only changes the fill; the border stays as it is (default grey, or accent when selected).
+            "hover:bg-accent-soft focus-visible:border-input-accent",
             selected ? "border-input-accent" : "border-border"
           ],
           className
@@ -2778,7 +2779,7 @@ QuestionNavItem.displayName = "QuestionNavItem";
 import * as React44 from "react";
 import { Check as Check4, DotsSixVertical as DotsSixVertical3, Plus as Plus4, Trash as Trash4 } from "@phosphor-icons/react";
 import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
-var optionClasses = "flex w-full max-w-150 cursor-pointer items-center gap-2 rounded-md border border-border bg-surface px-4 py-2 text-body-base text-surface-foreground transition-colors hover:border-input hover:bg-accent-soft hover:shadow-md has-[[data-state=checked]]:border-accent-foreground has-[[data-state=checked]]:hover:border-accent-foreground has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50";
+var optionClasses = "flex w-full max-w-150 cursor-pointer items-center gap-2 rounded-md border border-border bg-surface px-4 py-2 text-body-base text-surface-foreground transition-colors hover:bg-accent-soft hover:shadow-md has-[[data-state=checked]]:border-accent-foreground has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50";
 function QuestionOption(props) {
   const id = React44.useId();
   return /* @__PURE__ */ jsxs31("label", { htmlFor: id, className: cn(optionClasses, props.className), children: [
@@ -3217,7 +3218,7 @@ var ActivityStructure = React51.forwardRef(
         /* @__PURE__ */ jsx52("div", { className: "grid grid-cols-2 gap-3", children: stats.map(({ id, ...stat }) => /* @__PURE__ */ jsx52(StatCard, { ...stat }, id)) }),
         sections?.map(({ id, heading, body, tags }) => /* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ jsx52("h4", { className: "text-heading-h4 text-surface-foreground", children: heading }),
-          /* @__PURE__ */ jsx52("p", { className: "text-body-base text-surface-foreground", children: body }),
+          /* @__PURE__ */ jsx52("div", { className: "text-body-base text-surface-foreground", children: body }),
           (tags?.length || onAddTag) && /* @__PURE__ */ jsxs38("div", { className: "flex flex-wrap items-center gap-2", children: [
             tags?.map((tag) => /* @__PURE__ */ jsx52(EditableTag, { type: "editable", onRemove: onRemoveTag && (() => onRemoveTag(id, tag)), children: tag }, tag)),
             onAddTag && /* @__PURE__ */ jsx52(EditableTag, { type: "add", onClick: () => onAddTag(id), children: addTagLabel })