@nimbus-ds/components 5.18.0 → 5.20.0

package/dist/Icon/index.d.ts

@@ -6,7 +6,7 @@ import { HTMLAttributes, ReactNode } from 'react';
 export type Cursor = "auto" | "pointer" | "not-allowed" | "grab" | "inherit";
 declare const icon: {
 	sprinkle: ((props: {
-		color?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | "ai-generative" | undefined;
+		color?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "ai-generative" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | undefined;
 		cursor?: Cursor | undefined;
 	}) => string) & {
 		properties: Set<"color" | "cursor">;

package/dist/Modal/index.d.ts

@@ -32,6 +32,7 @@ export interface ModalSprinkle {
 declare const modal: {
 	classnames: {
 		overlay: string;
+		overlayScoped: string;
 		container: string;
 		container__close: string;
 		container__footer: string;
@@ -128,6 +129,7 @@ declare const modal: {
 		};
 	};
 };
+export type CloseOnOutsidePress = (event: PointerEvent | MouseEvent) => boolean;
 export interface ModalBodyProperties {
 	/**
 	 * The content of the modal body.
@@ -198,13 +200,33 @@ export interface ModalProperties extends ModalSprinkle {
 	 * Id to be embedded in the portal element
 	 */
 	portalId?: string;
+	/**
+	 * Controls whether clicking/pressing outside should close the modal.
+	 * - boolean: enable/disable dismissal on outside press
+	 * - function: receive the DOM event and return true to allow closing, false to ignore
+	 *
+	 * Defaults to true.
+	 */
+	closeOnOutsidePress?: boolean | CloseOnOutsidePress;
+	/**
+	 * The attribute name to ignore when checking for outside clicks. Useful to
+	 * mark regions (e.g., a chat) that should not close the modal when clicked.
+	 * @default "data-nimbus-outside-press-ignore"
+	 */
+	ignoreAttributeName?: string;
 	/**
 	 * The padding properties are used to generate space around an modal's content area.
 	 * @default base
 	 */
 	padding?: keyof typeof modal.properties.padding;
 }
-export type ModalProps = ModalProperties & HTMLAttributes<HTMLDivElement>;
+export type ModalProps = ModalProperties & {
+	/**
+	 * Root element where the portal should be mounted. When provided and not null,
+	 * the portal renders inside this element; when null/undefined, the default root is used.
+	 */
+	root?: HTMLElement | null;
+} & HTMLAttributes<HTMLDivElement>;
 export declare const Modal: React.FC<ModalProps> & ModalComponents;
 
 export {};