@frontify/fondue-components 1.3.0 → 1.3.1

package/dist/index.d.ts

@@ -130,6 +130,92 @@ declare type CheckboxProps = {
     'aria-describedby'?: string;
 };
 
+export declare const Dialog: {
+    Root: {
+        ({ children, ...props }: DialogRootProps): JSX_2.Element;
+        displayName: string;
+    };
+    Trigger: ForwardRefExoticComponent<DialogTriggerProps & RefAttributes<HTMLButtonElement>>;
+    Content: ForwardRefExoticComponent<DialogContentProps & RefAttributes<HTMLDivElement>>;
+    Header: ForwardRefExoticComponent<DialogHeaderProps & RefAttributes<HTMLDivElement>>;
+    Footer: ForwardRefExoticComponent<DialogFooterProps & RefAttributes<HTMLDivElement>>;
+    Body: ForwardRefExoticComponent<DialogBodyProps & RefAttributes<HTMLDivElement>>;
+    SideContent: ForwardRefExoticComponent<SideContentProps & RefAttributes<HTMLDivElement>>;
+};
+
+declare type DialogBodyProps = {
+    children?: ReactNode;
+    'data-test-id'?: string;
+};
+
+declare type DialogContentProps = {
+    /**
+     * Add rounded corners to the dialog
+     * @default true
+     */
+    rounded?: boolean;
+    /**
+     * Define the padding of the dialog
+     * @default "compact"
+     */
+    padding?: 'compact' | 'comfortable' | 'spacious';
+    /**
+     * Define a maximum width for the dialog
+     * @default "800px"
+     */
+    maxWidth?: string;
+    /**
+     * Define a minimum width for the dialog
+     * @default "400px"
+     */
+    minWidth?: string;
+    /**
+     * Define a maximum height for the dialog
+     * @default "200px"
+     */
+    minHeight?: string;
+    /**
+     * Show a dark underlay behind the dialog
+     * @default false
+     */
+    showUnderlay?: boolean;
+    children?: ReactNode;
+    'data-test-id'?: string;
+};
+
+declare type DialogFooterProps = {
+    children?: ReactNode;
+    'data-test-id'?: string;
+};
+
+declare type DialogHeaderProps = {
+    children?: ReactNode;
+    'data-test-id'?: string;
+};
+
+declare type DialogRootProps = {
+    /**
+     * Disable interaction with the rest of the page
+     * @default false
+     */
+    modal?: boolean;
+    /**
+     * The controlled `open` state of the dialog
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * Event handler called when the `open` state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+    children?: ReactNode;
+};
+
+declare type DialogTriggerProps = {
+    children?: ReactNode;
+    'data-test-id'?: string;
+};
+
 export declare const Divider: ForwardRefExoticComponent<DividerProps & RefAttributes<HTMLDivElement>>;
 
 declare type DividerColor = 'weak' | 'default' | 'strong' | 'x-strong';
@@ -347,6 +433,11 @@ declare type SegmentedControlRootProps = {
     disabled?: boolean;
 };
 
+declare type SideContentProps = {
+    children?: ReactNode;
+    'data-test-id'?: string;
+};
+
 declare const TextFieldRoot: {
     ({ children, className, status, "data-test-id": dataTestId, ...inputProps }: TextInputProps, ref: ForwardedRef<HTMLInputElement>): JSX_2.Element;
     displayName: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@frontify/fondue-components",
   "type": "module",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "homepage": "https://github.com/Frontify/fondue",
   "repository": {
     "type": "git",