@factorialco/f0-react 1.304.0 → 1.305.0

package/dist/experimental.d.ts

@@ -1654,7 +1654,7 @@ declare type Content = (ComponentProps<typeof DataList.Item> & {
     type: "dot-tag";
 });
 
-declare type ContentPadding = "sm" | "md";
+declare type ContentPadding = (typeof modalContentPaddings)[number];
 
 declare type CopyActionType = {
     type: "copy";
@@ -3979,7 +3979,15 @@ declare interface MetadataProps {
 
 export declare const MobileDropdown: ({ items, children }: DropdownProps) => JSX_2.Element;
 
-declare type ModalPosition = "center" | "left" | "right" | "fullscreen";
+declare const modalContentPaddings: readonly ["sm", "md"];
+
+declare type ModalPosition = (typeof modalPositions)[number];
+
+declare const modalPositions: readonly ["center", "left", "right", "fullscreen"];
+
+declare type ModalWidth = (typeof modalWidths)[number];
+
+declare const modalWidths: readonly ["sm", "md", "lg"];
 
 declare const moduleAvatarVariants: (props?: ({
     size?: "lg" | "md" | "sm" | "xs" | "xxs" | undefined;
@@ -4512,10 +4520,11 @@ declare type OneModalFooterProps = {
     children: React.ReactNode;
 };
 
-declare const OneModalHeader: ({ title, module, otherActions, }: OneModalHeaderProps) => JSX_2.Element;
+declare const OneModalHeader: ({ title, description, module, otherActions, }: OneModalHeaderProps) => JSX_2.Element;
 
 declare type OneModalHeaderProps = {
     title?: string;
+    description?: string;
     /**
      * Module configuration for the header. Only works when modal position is set to "right".
      * Displays module icon and name in the header.
@@ -4537,7 +4546,10 @@ declare type OneModalProps = {
     asBottomSheetInMobile?: boolean;
     /** the padding of internal content areas (header, content, footer) */
     contentPadding?: ContentPadding;
+    /** The position of the modal */
     position?: ModalPosition;
+    /** The width of the modal. Only applies to center position but we can NOT use narrowing as position undefined is valid */
+    width?: ModalWidth;
     /** Custom content to render in the modal. Only accepts OneModal.Header and OneModal.Content components */
     children: ReactElement<ComponentProps<typeof OneModalHeader> | ComponentProps<typeof OneModalContent>> | ReactElement<ComponentProps<typeof OneModalHeader> | ComponentProps<typeof OneModalContent>>[];
 } & Partial<Pick<TabsProps, "tabs" | "activeTabId" | "setActiveTabId">>;