@discuss-ds/ui 0.9.0 → 0.9.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @discuss-ds/ui
 
+## 0.9.2
+
+### Patch Changes
+
+- [#51](https://github.com/TamyresLucas/Discuss-UI-Storybook/pull/51) [`6f9df5b`](https://github.com/TamyresLucas/Discuss-UI-Storybook/commit/6f9df5bcb1f8e84d1b76efcc416744889928d86b) Thanks [@TamyresLucas](https://github.com/TamyresLucas)! - `StimulusCard`: the minimum height is now 98px (was 86px) and the thumbnail is at least 92px, per the updated Figma. A one-line caption with the character counter showing is exactly that tall, so the card no longer changes height between its default and selected states.
+
+## 0.9.1
+
+### Patch Changes
+
+- [#49](https://github.com/TamyresLucas/Discuss-UI-Storybook/pull/49) [`1931730`](https://github.com/TamyresLucas/Discuss-UI-Storybook/commit/19317303f60cfe751925bdb7e84747f8a68b78b3) Thanks [@TamyresLucas](https://github.com/TamyresLucas)! - `ImagePreview`: with an image, the preview area now hugs it (full width, the image's own height, at most 336px) instead of a fixed 336px area with bars above and below. The empty placeholder keeps the fixed height.
+
 ## 0.9.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -2403,7 +2403,17 @@ function MediaInfo({ name, details, onRemove, removeLabel, large, className, ...
 }
 var ImagePreview = React37.forwardRef(
   ({ className, children, name, details, onRemove, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { ref, className: cn("flex w-full flex-col overflow-hidden rounded-lg border border-border", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex h-84 w-full items-center justify-center bg-accent-soft [&>img]:size-full [&>img]:object-contain", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      "div",
+      {
+        className: cn(
+          "flex w-full items-center justify-center bg-accent-soft",
+          // With an image the area hugs it (full width, its own height, at most 336px tall); the empty placeholder keeps the fixed height.
+          children ? "[&>img]:block [&>img]:h-auto [&>img]:max-h-84 [&>img]:w-full [&>img]:object-contain" : "h-84"
+        ),
+        children
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(MediaInfo, { name, details, onRemove, large: true })
   ] })
 );
@@ -3202,7 +3212,7 @@ var import_jsx_runtime48 = (
   // Out of flow, so the image's own size never sets the thumbnail's size.
   require("react/jsx-runtime")
 );
-var MIN_THUMBNAIL = 80;
+var MIN_THUMBNAIL = 92;
 var MAX_THUMBNAIL = 240;
 var StimulusCard = React47.forwardRef(
   ({
@@ -3242,7 +3252,7 @@ var StimulusCard = React47.forwardRef(
       {
         ref,
         "data-status": error ? "error" : "default",
-        className: cn("flex min-h-21.5 w-full items-center gap-4 rounded-md border border-border p-0.5 pr-4", className),
+        className: cn("flex min-h-24.5 w-full items-center gap-4 rounded-md border border-border p-0.5 pr-4", className),
         ...props,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [