@discuss-ds/ui 0.3.0 → 0.3.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @discuss-ds/ui
 
+## 0.3.2
+
+### Patch Changes
+
+- [#13](https://github.com/TamyresLucas/Discuss-UI-Storybook/pull/13) [`ca22046`](https://github.com/TamyresLucas/Discuss-UI-Storybook/commit/ca22046f7e2616ef952f1252183bfe25f734ce03) Thanks [@TamyresLucas](https://github.com/TamyresLucas)! - `InlineEdit` question variant: the bottom border is now 1px on hover and focus. Only a `selected` question gets the bolder 2px accent border. Bottom padding compensates so the text and the card height do not move between states.
+
+## 0.3.1
+
+### Patch Changes
+
+- [#11](https://github.com/TamyresLucas/Discuss-UI-Storybook/pull/11) [`515842c`](https://github.com/TamyresLucas/Discuss-UI-Storybook/commit/515842c8cb05412776f3fe76bc60623230aaec22) Thanks [@TamyresLucas](https://github.com/TamyresLucas)! - `InlineEdit` question variant: on hover or focus the bottom border now uses the input border colour. Only a `selected` question (and the field while editing) takes the accent foreground colour.
+
 ## 0.3.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -1583,7 +1583,7 @@ var InlineEdit = React24.forwardRef(
       className: cn(
         "w-full px-3 py-1 outline-none",
         multiline && "field-sizing-content resize-none",
-        question ? "rounded-none border-0 border-b-2 border-input-accent bg-transparent" : cn("rounded-md focus-visible:border-input-accent", fieldSurfaceClasses("default")),
+        question ? "rounded-none border-0 border-b-2 border-accent-foreground bg-transparent" : cn("rounded-md focus-visible:border-input-accent", fieldSurfaceClasses("default")),
         textClasses
       ),
       onChange: (event) => {
@@ -1611,11 +1611,14 @@ 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 ? cn("rounded-none border-b-2", selected ? "border-input-accent" : "border-transparent") : "rounded-md border border-transparent",
-          "enabled:hover:bg-secondary enabled:focus-visible:border-input-accent disabled:cursor-not-allowed disabled:opacity-50",
-          question && "enabled:hover:border-input-accent",
+          question ? (
+            // 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
         ),
         children: [