@lax-wp/design-system 0.2.8 → 0.2.9

package/dist/components/data-display/modal/Modal.d.ts

@@ -1,32 +1,21 @@
-import { type ReactNode } from "react";
+import { type ModalProps as AntDModalProps } from "antd";
+import type { ReactNode } from "react";
 /**
  * Modal size variants
  */
 export type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
-/**
- * Modal appearance variants
- */
-export type ModalAppearance = "default" | "centered" | "fullscreen";
 /**
  * Props for the Modal component
  */
-export interface ModalProps {
-    /** Whether the modal is open */
-    open: boolean;
-    /** Modal content */
-    children: ReactNode;
-    /** Modal title */
-    title?: string | ReactNode;
-    /** Whether to show the backdrop mask */
-    mask?: boolean;
+export interface ModalProps extends Omit<AntDModalProps, "title" | "footer"> {
     /** Whether to show only the body content without header */
     onlyBody?: boolean;
     /** Whether to add spacing to the body */
     bodySpacing?: boolean;
-    /** Custom header content on the right side */
-    headerRightContent?: ReactNode;
     /** Container element ID for portal rendering */
     parentContainer?: string;
+    /** Custom header content on the right side */
+    headerRightContent?: ReactNode;
     /** Whether to add a line after the header */
     addLineAfterHeader?: boolean;
     /** Custom z-index for the modal */
@@ -41,28 +30,12 @@ export interface ModalProps {
     noPadding?: boolean;
     /** Close handler */
     onClose?: () => void;
-    /** Cancel handler */
-    onCancel?: () => void;
-    /** Upload handler function */
-    onUpload?: (files: FileList | null) => void;
-    /** Modal size */
-    size?: ModalSize;
-    /** Modal appearance */
-    appearance?: ModalAppearance;
-    /** Additional CSS classes */
-    className?: string;
-    /** Custom width */
-    width?: number | string;
-    /** Custom height */
-    height?: number | string;
+    /** Modal title - can be string or ReactNode */
+    title?: string | ReactNode;
     /** Footer content */
     footer?: ReactNode;
-    /** Whether the modal is closable by clicking outside */
-    closable?: boolean;
-    /** Whether to center the modal */
-    centered?: boolean;
-    /** Custom styles */
-    style?: React.CSSProperties;
+    /** Modal size */
+    size?: ModalSize;
 }
 /**
  * Modal component for displaying overlay content
@@ -74,4 +47,7 @@ export interface ModalProps {
  * </Modal>
  * ```
  */
-export declare const Modal: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Modal: {
+    (props: ModalProps): import("react").ReactPortal;
+    displayName: string;
+};

package/dist/components/tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 export interface TooltipProps {
     title: ReactNode;
     placement?: 'top' | 'bottom' | 'left' | 'right';
@@ -6,3 +6,4 @@ export interface TooltipProps {
     className?: string;
 }
 export declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/dist/index.d.ts

@@ -29,7 +29,7 @@ export type { StatusColorMappingProps, StatusColor, } from "./components/data-di
 export { Badge } from "./components/data-display/badge/Badge";
 export type { BadgeProps, BadgeStatus, BadgeAppearance, BadgeSize, } from "./components/data-display/badge/Badge";
 export { Modal } from "./components/data-display/modal/Modal";
-export type { ModalProps, ModalSize, ModalAppearance, } from "./components/data-display/modal/Modal";
+export type { ModalProps, ModalSize, } from "./components/data-display/modal/Modal";
 export { Tag } from "./components/data-display/tag/Tag";
 export type { TagProps, TagSize, TagColor, ThemeMode, UploadHandler, } from "./components/data-display/tag/Tag";
 export { LabelValue } from "./components/data-display/label-value/LabelValue";