@discuss-ds/ui 0.9.0 → 0.9.2

package/dist/index.d.cts

@@ -586,7 +586,7 @@ interface MediaInfoProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tit
 }
 declare function MediaInfo({ name, details, onRemove, removeLabel, large, className, ...props }: MediaInfoProps): React.JSX.Element;
 interface ImagePreviewProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
-    /** The image (an `<img>` filling the area). Leave empty for the placeholder fill. */
+    /** The image (an `<img>`). The preview area is as tall as the image at full width, up to 336px. Leave empty for the fixed-height placeholder fill. */
     children?: React.ReactNode;
     name: string;
     details?: string[];
@@ -784,7 +784,7 @@ interface RatingScaleProps extends Omit<React.ComponentPropsWithoutRef<typeof To
 declare const RatingScale: React.ForwardRefExoticComponent<RatingScaleProps & React.RefAttributes<HTMLDivElement>>;
 
 interface StimulusCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
-    /** Image shown in the 80px thumbnail. Without one the thumbnail shows `icon` on a neutral fill. */
+    /** Image shown in the square thumbnail (92-240px, as tall as the text). Without one the thumbnail shows `icon` on a neutral fill. */
     thumbnail?: string;
     /** Alt text for `thumbnail`. Leave empty when the caption already describes the image. */
     thumbnailAlt?: string;

package/dist/index.d.ts

@@ -586,7 +586,7 @@ interface MediaInfoProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tit
 }
 declare function MediaInfo({ name, details, onRemove, removeLabel, large, className, ...props }: MediaInfoProps): React.JSX.Element;
 interface ImagePreviewProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
-    /** The image (an `<img>` filling the area). Leave empty for the placeholder fill. */
+    /** The image (an `<img>`). The preview area is as tall as the image at full width, up to 336px. Leave empty for the fixed-height placeholder fill. */
     children?: React.ReactNode;
     name: string;
     details?: string[];
@@ -784,7 +784,7 @@ interface RatingScaleProps extends Omit<React.ComponentPropsWithoutRef<typeof To
 declare const RatingScale: React.ForwardRefExoticComponent<RatingScaleProps & React.RefAttributes<HTMLDivElement>>;
 
 interface StimulusCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
-    /** Image shown in the 80px thumbnail. Without one the thumbnail shows `icon` on a neutral fill. */
+    /** Image shown in the square thumbnail (92-240px, as tall as the text). Without one the thumbnail shows `icon` on a neutral fill. */
     thumbnail?: string;
     /** Alt text for `thumbnail`. Leave empty when the caption already describes the image. */
     thumbnailAlt?: string;

package/dist/index.js

@@ -2249,7 +2249,17 @@ function MediaInfo({ name, details, onRemove, removeLabel, large, className, ...
 }
 var ImagePreview = React37.forwardRef(
   ({ className, children, name, details, onRemove, ...props }, ref) => /* @__PURE__ */ jsxs27("div", { ref, className: cn("flex w-full flex-col overflow-hidden rounded-lg border border-border", className), ...props, children: [
-    /* @__PURE__ */ jsx38("div", { className: "flex h-84 w-full items-center justify-center bg-accent-soft [&>img]:size-full [&>img]:object-contain", children }),
+    /* @__PURE__ */ jsx38(
+      "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__ */ jsx38(MediaInfo, { name, details, onRemove, large: true })
   ] })
 );
@@ -3052,7 +3062,7 @@ RatingScale.displayName = "RatingScale";
 import * as React47 from "react";
 import { Image as ImageIcon2, ImageBroken, Trash as Trash5 } from "@phosphor-icons/react";
 import { jsx as jsx48, jsxs as jsxs34 } from "react/jsx-runtime";
-var MIN_THUMBNAIL = 80;
+var MIN_THUMBNAIL = 92;
 var MAX_THUMBNAIL = 240;
 var StimulusCard = React47.forwardRef(
   ({
@@ -3092,7 +3102,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__ */ jsxs34("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [