@imfusion/web-ui 0.10.1-dev.46.g5fe8962a → 0.10.1-dev.48.g27170cb6

package/CHANGELOG.md

@@ -88,7 +88,8 @@ never changes the character width, so columns stay aligned. CoFo Sans Mono still
   `Dialog.Description` as `Typo.P`. `Dialog.Body` scrolls in a `ScrollArea` while header and footer stay in view.
   `Dialog.Popup` comes in `sm`, `md`, `lg`, and `full`, and stops at 40rem high (`--imf-ui-dialog-max-height`) except in
   `full`. `Dialog.Status` adds a tinted status column like `Card.Status`, on top of the width the size sets.
-  `Dialog.Simple` builds the whole dialog from props, and `Dialog.Inline` opens it from a term inside running text
+  `Dialog.Simple` builds the whole dialog from props, and `Dialog.Inline` opens it from a term inside running text. Both
+  show the × close button only without `actions`; with them, the footer is the way out
   ([WEBSDK-247](https://imfusion.atlassian.net/browse/WEBSDK-247)) — Nikolaus Brunner <brunner@imfusion.com>
 - Storybook — Nikolaus Brunner <brunner@imfusion.com>
   - The token drawer offers Paper Mono as a mono font.

package/dist/components/dialog/dialog.d.ts

@@ -96,7 +96,7 @@ export declare namespace Description {
 }
 /**
  * Dialog.Close — button that closes the dialog. With no `children` and no `render` it renders the library's ghost close
- * button (an × icon labelled "Close"); otherwise render your own `Button`.
+ * button (a boxed × icon labelled "Close"); otherwise render your own `Button`.
  */
 export declare function Close(props: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Close {
@@ -119,7 +119,10 @@ type ComposedProps = Omit<React.ComponentProps<typeof DialogPrimitive.Root>, "ch
      * Width of the window.
      */
     size?: PopupProps["size"];
-    /** Content of the footer, usually buttons. The footer renders only when this is set. */
+    /**
+     * Content of the footer, usually buttons. The footer renders only when this is set, and then replaces the header's
+     * close button, so include a way out such as a Cancel `Dialog.Close`.
+     */
     actions?: React.ReactNode;
     /** Content of the body. */
     children?: React.ReactNode;
@@ -129,8 +132,8 @@ type SimpleProps = ComposedProps & {
     trigger?: React.ReactElement;
 };
 /**
- * Dialog.Simple — pre-composed dialog: trigger, header with title, description, optional status and close button, a
- * scrolling body, and an optional footer. Root props pass through.
+ * Dialog.Simple — pre-composed dialog: trigger, header with title, description, and optional status, a scrolling body,
+ * and either a close button in the header or a footer of `actions`. Root props pass through.
  */
 export declare function Simple({ trigger, headerVariant, size, ...props }: SimpleProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Simple {