@discuss-ds/ui 0.6.2 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @discuss-ds/ui
 
+## 0.7.0
+
+### Minor Changes
+
+- [#37](https://github.com/TamyresLucas/Discuss-UI-Storybook/pull/37) [`2eae2f2`](https://github.com/TamyresLucas/Discuss-UI-Storybook/commit/2eae2f2ec0cfe3d2a3ea9a8e6256158b69a0b9dd) Thanks [@TamyresLucas](https://github.com/TamyresLucas)! - `QuestionOptionEditor`: new `kind="rank"` (with a `rank` position prop) for ranking questions. The row keeps its drag handle and round position number at rest and, like the radio and checkbox kinds, becomes the editor on hover or keyboard focus (shadow lifts, remove and add buttons appear). Existing kinds and the always-on editor row are unchanged.
+
+## 0.6.3
+
+### Patch Changes
+
+- [#35](https://github.com/TamyresLucas/Discuss-UI-Storybook/pull/35) [`323ace1`](https://github.com/TamyresLucas/Discuss-UI-Storybook/commit/323ace193c8a545fb6b659ed7cd524bc953f2215) Thanks [@TamyresLucas](https://github.com/TamyresLucas)! - `QuestionEditorCard`: hovering anywhere on the card now gives the "Question N" tag its hover look (grip icon shown, tighter left padding), not only when the tag itself is hovered. `QuestionHeader` used on its own is unchanged.
+
 ## 0.6.2
 
 ### Patch Changes

package/dist/index.cjs

@@ -2665,6 +2665,8 @@ var QuestionHeader = React40.forwardRef(
               ...dragHandleProps,
               className: cn(
                 "group/handle inline-flex h-6 items-center gap-1 rounded-sm px-2.5 text-ui-caption hover:pl-1",
+                // Inside a QuestionEditorCard the tag takes its hover look whenever the card is hovered.
+                "group-hover/editor:pl-1",
                 active ? "bg-accent-soft text-accent-soft-foreground" : "bg-secondary bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 text-surface-foreground",
                 dragHandleProps && "cursor-grab touch-none select-none focus-visible:pl-1",
                 dragHandleProps?.className
@@ -2675,7 +2677,7 @@ var QuestionHeader = React40.forwardRef(
                   {
                     size: 16,
                     "aria-hidden": true,
-                    className: "hidden shrink-0 group-hover/handle:block group-focus-visible/handle:block"
+                    className: "hidden shrink-0 group-hover/editor:block group-hover/handle:block group-focus-visible/handle:block"
                   }
                 ),
                 "Question ",
@@ -2988,7 +2990,7 @@ var QuestionOtherOption = React44.forwardRef(
   }
 );
 QuestionOtherOption.displayName = "QuestionOtherOption";
-function QuestionOptionEditor({ label, onLabelChange, onRemove, onAdd, className, kind }) {
+function QuestionOptionEditor({ label, onLabelChange, onRemove, onAdd, className, kind, rank }) {
   const reveal = kind !== void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cn("group/option flex w-full items-center gap-2", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
@@ -3002,7 +3004,17 @@ function QuestionOptionEditor({ label, onLabelChange, onRemove, onAdd, className
           ) : "border-border hover:border-input hover:shadow-md"
         ),
         children: [
-          reveal ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { "aria-hidden": "true", className: "relative flex size-5 shrink-0 items-center justify-center", children: [
+          kind === "rank" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react23.DotsSixVertical, { size: 20, "aria-hidden": true, className: "shrink-0 text-surface-foreground" }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "flex size-6 shrink-0 items-center justify-center rounded-full border border-border bg-background bg-linear-to-r from-overlay-dark-5 to-overlay-dark-5 text-ui-caption text-surface-foreground",
+                children: rank
+              }
+            )
+          ] }) : reveal ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { "aria-hidden": "true", className: "relative flex size-5 shrink-0 items-center justify-center", children: [
             /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               "span",
               {