@discuss-ds/ui 0.3.2 → 0.3.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @discuss-ds/ui
 
+## 0.3.4
+
+### Patch Changes
+
+- [#17](https://github.com/TamyresLucas/Discuss-UI-Storybook/pull/17) [`3b68a03`](https://github.com/TamyresLucas/Discuss-UI-Storybook/commit/3b68a0345b7b6b8289d62c2a59f2a35a873f46ec) Thanks [@TamyresLucas](https://github.com/TamyresLucas)! - `QuestionNavItem`: hovering a row that is not selected now only changes its fill; the border keeps the default colour. A selected row keeps its accent border.
+
+## 0.3.3
+
+### Patch Changes
+
+- [#15](https://github.com/TamyresLucas/Discuss-UI-Storybook/pull/15) [`c5e67f1`](https://github.com/TamyresLucas/Discuss-UI-Storybook/commit/c5e67f1f792232783903f2b6b0ba2a79fba1b4a1) Thanks [@TamyresLucas](https://github.com/TamyresLucas)! - `QuestionNavItem`: the question-type icon is now the muted foreground colour by default and takes the accent foreground colour only when the row is `selected`. The warning icon on `error` is unchanged.
+
 ## 0.3.2
 
 ### Patch Changes

package/dist/index.cjs

@@ -2893,7 +2893,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
@@ -2902,7 +2903,14 @@ var QuestionNavItem = React43.forwardRef(
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { "aria-hidden": "true", className: "relative flex size-4 shrink-0 items-center justify-center", children: [
             /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react22.DotsSixVertical, { size: 16, className: "hidden group-hover/nav:block" }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "group-hover/nav:hidden", children: error ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react22.Warning, { size: 16, className: "text-destructive" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(QuestionTypeIcon, { type: questionType, size: 16 }) })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "group-hover/nav:hidden", children: error ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react22.Warning, { size: 16, className: "text-destructive" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              QuestionTypeIcon,
+              {
+                type: questionType,
+                size: 16,
+                className: selected ? "text-accent-foreground" : "text-muted-foreground"
+              }
+            ) })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "min-w-0 flex-1 truncate", children }),
           error && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "sr-only", children: ", has errors" })