@discuss-ds/ui 0.3.1 → 0.3.3

package/dist/index.d.cts

@@ -343,7 +343,7 @@ interface InlineEditProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'on
     /**
      * `default` is a rounded field. A short single-line label shows the pencil and hugs its text; `multiline` (longer
      * text) hides the pencil and fills the width. `question` is for question text: it fills the width with no pencil,
-     * has square corners and shows a bottom border on hover and focus (in the input border colour) that turns accent while `selected`. Enter saves; Shift+Enter adds a
+     * has square corners and shows a 1px bottom border on hover and focus (in the input border colour) that becomes a bolder 2px accent border while `selected`. Enter saves; Shift+Enter adds a
      * line break when `multiline`.
      */
     variant?: 'default' | 'question';

package/dist/index.d.ts

@@ -343,7 +343,7 @@ interface InlineEditProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'on
     /**
      * `default` is a rounded field. A short single-line label shows the pencil and hugs its text; `multiline` (longer
      * text) hides the pencil and fills the width. `question` is for question text: it fills the width with no pencil,
-     * has square corners and shows a bottom border on hover and focus (in the input border colour) that turns accent while `selected`. Enter saves; Shift+Enter adds a
+     * has square corners and shows a 1px bottom border on hover and focus (in the input border colour) that becomes a bolder 2px accent border while `selected`. Enter saves; Shift+Enter adds a
      * line break when `multiline`.
      */
     variant?: 'default' | 'question';

package/dist/index.js

@@ -1458,12 +1458,13 @@ var InlineEdit = React24.forwardRef(
         "aria-label": `${ariaLabel}: ${value || placeholder}. Edit`,
         onClick: start,
         className: cn(
-          "group inline-flex min-w-0 max-w-full items-center gap-2 px-3 py-1 text-left outline-none",
+          "group inline-flex min-w-0 max-w-full items-center gap-2 px-3 text-left outline-none",
           fill && "w-full",
           question ? (
-            // Hover and focus use the input border colour; only a selected question takes the accent.
-            cn("rounded-none border-b-2", selected ? "border-accent-foreground" : "border-transparent enabled:hover:border-input enabled:focus-visible:border-input")
-          ) : "rounded-md border border-transparent enabled:focus-visible:border-input-accent",
+            // Hover and focus show a 1px bottom border in the input colour; only a selected question gets the 2px accent
+            // one. The extra 1px of bottom padding keeps the height identical so the text never jumps.
+            selected ? "rounded-none border-b-2 border-accent-foreground py-1" : "rounded-none border-b border-transparent pb-1.25 pt-1 enabled:hover:border-input enabled:focus-visible:border-input"
+          ) : "rounded-md border border-transparent py-1 enabled:focus-visible:border-input-accent",
           "enabled:hover:bg-secondary disabled:cursor-not-allowed disabled:opacity-50",
           textClasses
         ),
@@ -2755,7 +2756,14 @@ var QuestionNavItem = React43.forwardRef(
         children: [
           /* @__PURE__ */ jsxs30("span", { "aria-hidden": "true", className: "relative flex size-4 shrink-0 items-center justify-center", children: [
             /* @__PURE__ */ jsx44(DotsSixVertical2, { size: 16, className: "hidden group-hover/nav:block" }),
-            /* @__PURE__ */ jsx44("span", { className: "group-hover/nav:hidden", children: error ? /* @__PURE__ */ jsx44(Warning2, { size: 16, className: "text-destructive" }) : /* @__PURE__ */ jsx44(QuestionTypeIcon, { type: questionType, size: 16 }) })
+            /* @__PURE__ */ jsx44("span", { className: "group-hover/nav:hidden", children: error ? /* @__PURE__ */ jsx44(Warning2, { size: 16, className: "text-destructive" }) : /* @__PURE__ */ jsx44(
+              QuestionTypeIcon,
+              {
+                type: questionType,
+                size: 16,
+                className: selected ? "text-accent-foreground" : "text-muted-foreground"
+              }
+            ) })
           ] }),
           /* @__PURE__ */ jsx44("span", { className: "min-w-0 flex-1 truncate", children }),
           error && /* @__PURE__ */ jsx44("span", { className: "sr-only", children: ", has errors" })