@discuss-ds/ui 0.6.0 → 0.6.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @discuss-ds/ui
 
+## 0.6.2
+
+### Patch Changes
+
+- [#33](https://github.com/TamyresLucas/Discuss-UI-Storybook/pull/33) [`3c155e2`](https://github.com/TamyresLucas/Discuss-UI-Storybook/commit/3c155e273ff0f7b46e99a682b0ea70a0cd03a3d8) Thanks [@TamyresLucas](https://github.com/TamyresLucas)! - `QuestionEditorCard`: the header actions (duplicate, delete, preview) now appear when you hover or focus anywhere on the card, not only when the header row is hovered. `QuestionHeader` used on its own is unchanged.
+
+## 0.6.1
+
+### Patch Changes
+
+- [#31](https://github.com/TamyresLucas/Discuss-UI-Storybook/pull/31) [`4dc82b8`](https://github.com/TamyresLucas/Discuss-UI-Storybook/commit/4dc82b890fb61f151efbb191793b733f45554913) Thanks [@TamyresLucas](https://github.com/TamyresLucas)! - `QuestionEditorCard`: the footer "Add choice" action is now an outline button with a plus icon and the visible label "Add choice" (it was an icon-only ghost button). Its accessible name and `onAdd` behaviour are unchanged; the paste button is untouched.
+
 ## 0.6.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -2683,7 +2683,11 @@ var QuestionHeader = React40.forwardRef(
               ]
             }
           ),
-          actions && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex items-center gap-2 opacity-0 transition-opacity group-focus-within/header:opacity-100 group-hover/header:opacity-100", children: actions })
+          actions && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn(
+            "flex items-center gap-2 opacity-0 transition-opacity group-focus-within/header:opacity-100 group-hover/header:opacity-100",
+            // Inside a QuestionEditorCard, hovering or focusing anywhere on the card reveals them too.
+            "group-focus-within/editor:opacity-100 group-hover/editor:opacity-100"
+          ), children: actions })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           InlineEdit,
@@ -2822,17 +2826,10 @@ var QuestionEditorCard = React41.forwardRef(
                   footer && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center justify-between", children: [
                     /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-ui-caption text-secondary-muted-foreground", children: countLabel }),
                     /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2", children: [
-                      onAdd && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                        Button,
-                        {
-                          type: "button",
-                          variant: "ghost",
-                          size: "icon",
-                          "aria-label": "Add choice",
-                          onClick: onAdd,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react20.Plus, { size: 16, "aria-hidden": true })
-                        }
-                      ),
+                      onAdd && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Button, { type: "button", variant: "outline", onClick: onAdd, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react20.Plus, { size: 16, "aria-hidden": true }),
+                        "Add choice"
+                      ] }),
                       onPaste && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                         Button,
                         {