@stenajs-webui/modal 21.35.0 → 21.37.0

package/dist/building-blocks/ModalActionButtons.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
-import { ReactNode } from "react";
-export interface ModalActionButtonsProps {
-    buttons: ReactNode;
+import { PropsWithChildren } from "react";
+export interface ModalActionButtonsProps extends PropsWithChildren {
 }
 export declare const ModalActionButtons: React.FC<ModalActionButtonsProps>;

package/dist/building-blocks/ModalBody.d.ts

@@ -1,5 +1,7 @@
 import * as React from "react";
 import { BoxProps } from "@stenajs-webui/core";
+export type ModalBodyVariant = "normal" | "relaxed";
 export interface ModalBodyProps extends Omit<BoxProps, "indent" | "spacing"> {
+    variant?: ModalBodyVariant;
 }
 export declare const ModalBody: React.FC<ModalBodyProps>;

package/dist/building-blocks/ModalCloseButton.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { FlatButtonProps } from "@stenajs-webui/elements";
+export interface ModalCloseButtonProps extends FlatButtonProps {
+}
+export declare const ModalCloseButton: React.FC<ModalCloseButtonProps>;

package/dist/building-blocks/ModalFooter.d.ts

@@ -1,8 +1,7 @@
+import { BoxProps } from "@stenajs-webui/core";
 import * as React from "react";
-import { ReactNode } from "react";
-export interface ModalFooterProps {
-    children: ReactNode;
+export interface ModalFooterProps extends BoxProps {
     sticky?: boolean;
-    zIndex?: number;
+    gap?: number;
 }
 export declare const ModalFooter: React.FC<ModalFooterProps>;

package/dist/building-blocks/ModalHeader.d.ts

@@ -1,10 +1,18 @@
 import * as React from "react";
 import { HeadingVariant } from "@stenajs-webui/core";
 import { ModalHeadingSizeVariant } from "./ModalHeading";
-export interface ModalHeaderProps {
+export type ModalHeaderProps = ModalHeaderWithCloseButtonProps | ModalHeaderWithNoCloseButtonProps;
+export interface ModalHeaderCommonProps {
     heading?: string;
     headingSize?: ModalHeadingSizeVariant;
     headingLevel?: HeadingVariant;
-    onClickClose?: () => void;
+}
+export interface ModalHeaderWithCloseButtonProps extends ModalHeaderCommonProps {
+    onClickClose?: never;
+    closeButtonAriaLabel?: never;
+}
+export interface ModalHeaderWithNoCloseButtonProps extends ModalHeaderCommonProps {
+    onClickClose: () => void;
+    closeButtonAriaLabel: string;
 }
 export declare const ModalHeader: React.FC<ModalHeaderProps>;