@frontify/fondue-components 7.0.0 → 7.0.1

package/dist/index.d.ts

@@ -43,25 +43,20 @@ declare type BaseTableRowProps = {
     'data-test-id'?: string;
 };
 
-export declare const Box: {
-    ({ as: Component, "data-test-id": dataTestId, children, role, "aria-label": ariaLabel, "aria-hidden": ariaHidden, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHasPopup, ...props }: BoxProps): JSX_2.Element;
-    displayName: string;
-};
-
-declare type BoxProps = LayoutComponentProps & {
-    /**
-     * The element to render the Box component as.
-     * @default 'div'
-     */
-    as?: 'div' | 'span';
-    /**
-     * The display property.
-     * @default 'block'
-     */
-    display?: Responsive<'none' | 'block' | 'inline-block' | 'inline'>;
-    children?: ReactNode;
-    'data-test-id'?: string;
-} & CommonAriaProps;
+export declare const Box: ForwardRefExoticComponent<LayoutComponentProps & {
+/**
+* The element to render the Box component as.
+* @default 'div'
+*/
+as?: "div" | "span";
+/**
+* The display property.
+* @default 'block'
+*/
+display?: Responsive<"none" | "block" | "inline-block" | "inline">;
+children?: ReactNode;
+'data-test-id'?: string;
+} & CommonAriaProps & RefAttributes<HTMLDivElement>>;
 
 declare type Breakpoint = keyof typeof screens;
 
@@ -532,6 +527,10 @@ declare type DropdownContentProps = {
      * @default "bottom"
      */
     side?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Prevents the focus from being set on the trigger when the dropdown is closed.
+     */
+    preventTriggerFocusOnClose?: boolean;
 };
 
 declare type DropdownGroupProps = {
@@ -610,54 +609,49 @@ declare type DropdownTriggerProps = {
     'data-test-id'?: string;
 };
 
-export declare const Flex: {
-    ({ as: Component, "data-test-id": dataTestId, children, role, "aria-label": ariaLabel, "aria-hidden": ariaHidden, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHasPopup, ...props }: FlexProps): JSX_2.Element;
-    displayName: string;
-};
-
-declare type FlexProps = LayoutComponentProps & {
-    /**
-     * The element to render the Flex component as.
-     * @default 'div'
-     */
-    as?: 'div' | 'span';
-    /**
-     * The display property.
-     * @default 'flex'
-     */
-    display?: Responsive<'none' | 'flex' | 'inline-flex'>;
-    /**
-     * The direction of the children.
-     * @default 'row'
-     */
-    direction?: Responsive<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
-    /**
-     * The alignment of the children.
-     */
-    align?: Responsive<'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline'>;
-    /**
-     * The justification of the children.
-     */
-    justify?: Responsive<'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly'>;
-    /**
-     * The wrap property.
-     */
-    wrap?: Responsive<'nowrap' | 'wrap' | 'wrap-reverse'>;
-    /**
-     * The gap between the children.
-     */
-    gap?: Responsive<SizeValue>;
-    /**
-     * The horizontal gap between the children.
-     */
-    gapX?: Responsive<SizeValue>;
-    /**
-     * The vertical gap between the children.
-     */
-    gapY?: Responsive<SizeValue>;
-    children?: ReactNode;
-    'data-test-id'?: string;
-} & CommonAriaProps;
+export declare const Flex: ForwardRefExoticComponent<LayoutComponentProps & {
+/**
+* The element to render the Flex component as.
+* @default 'div'
+*/
+as?: "div" | "span";
+/**
+* The display property.
+* @default 'flex'
+*/
+display?: Responsive<"none" | "flex" | "inline-flex">;
+/**
+* The direction of the children.
+* @default 'row'
+*/
+direction?: Responsive<"row" | "row-reverse" | "column" | "column-reverse">;
+/**
+* The alignment of the children.
+*/
+align?: Responsive<"flex-start" | "center" | "flex-end" | "stretch" | "baseline">;
+/**
+* The justification of the children.
+*/
+justify?: Responsive<"flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly">;
+/**
+* The wrap property.
+*/
+wrap?: Responsive<"nowrap" | "wrap" | "wrap-reverse">;
+/**
+* The gap between the children.
+*/
+gap?: Responsive<SizeValue>;
+/**
+* The horizontal gap between the children.
+*/
+gapX?: Responsive<SizeValue>;
+/**
+* The vertical gap between the children.
+*/
+gapY?: Responsive<SizeValue>;
+children?: ReactNode;
+'data-test-id'?: string;
+} & CommonAriaProps & RefAttributes<HTMLDivElement>>;
 
 export declare const Flyout: {
     Root: {
@@ -771,57 +765,52 @@ declare const ForwardedRefTextFieldRoot: ForwardRefExoticComponent<TextInputProp
 
 declare const ForwardedRefTextFieldSlot: ForwardRefExoticComponent<TextFieldSlotProps & RefAttributes<HTMLDivElement>>;
 
-export declare const Grid: {
-    ({ as: Component, "data-test-id": dataTestId, children, role, "aria-label": ariaLabel, "aria-hidden": ariaHidden, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHasPopup, ...props }: GridProps): JSX_2.Element;
-    displayName: string;
-};
-
-declare type GridProps = LayoutComponentProps & {
-    /**
-     * The element to render the Grid component as.
-     * @default 'div'
-     */
-    as?: 'div' | 'span';
-    /**
-     * The display property.
-     * @default 'grid'
-     */
-    display?: 'none' | 'grid' | 'inline-grid';
-    /**
-     * The columns property.
-     */
-    columns?: Responsive<string | number>;
-    /**
-     * The rows property.
-     */
-    rows?: Responsive<string | number>;
-    /**
-     * The flow property.
-     */
-    flow?: Responsive<'row' | 'column' | 'dense' | 'row-dense' | 'column-dense'>;
-    /**
-     * The alignment of the children.
-     */
-    align?: Responsive<'start' | 'center' | 'end' | 'baseline' | 'stretch'>;
-    /**
-     * The justification of the children.
-     */
-    justify?: Responsive<'start' | 'center' | 'end' | 'between'>;
-    /**
-     * The gap between the children.
-     */
-    gap?: Responsive<SizeValue>;
-    /**
-     * The horizontal gap between the children.
-     */
-    gapX?: Responsive<SizeValue>;
-    /**
-     * The vertical gap between the children.
-     */
-    gapY?: Responsive<SizeValue>;
-    children?: ReactNode;
-    'data-test-id'?: string;
-} & CommonAriaProps;
+export declare const Grid: ForwardRefExoticComponent<LayoutComponentProps & {
+/**
+* The element to render the Grid component as.
+* @default 'div'
+*/
+as?: "div" | "span";
+/**
+* The display property.
+* @default 'grid'
+*/
+display?: "none" | "grid" | "inline-grid";
+/**
+* The columns property.
+*/
+columns?: Responsive<string | number>;
+/**
+* The rows property.
+*/
+rows?: Responsive<string | number>;
+/**
+* The flow property.
+*/
+flow?: Responsive<"row" | "column" | "dense" | "row-dense" | "column-dense">;
+/**
+* The alignment of the children.
+*/
+align?: Responsive<"start" | "center" | "end" | "baseline" | "stretch">;
+/**
+* The justification of the children.
+*/
+justify?: Responsive<"start" | "center" | "end" | "between">;
+/**
+* The gap between the children.
+*/
+gap?: Responsive<SizeValue>;
+/**
+* The horizontal gap between the children.
+*/
+gapX?: Responsive<SizeValue>;
+/**
+* The vertical gap between the children.
+*/
+gapY?: Responsive<SizeValue>;
+children?: ReactNode;
+'data-test-id'?: string;
+} & CommonAriaProps & RefAttributes<HTMLDivElement>>;
 
 declare type HorizontalAlignment = 'left' | 'center' | 'right';
 
@@ -1076,20 +1065,15 @@ declare type ScrollAreaProps = {
     children: ReactNode;
 };
 
-export declare const Section: {
-    ({ "data-test-id": dataTestId, children, role, "aria-label": ariaLabel, "aria-hidden": ariaHidden, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHasPopup, ...props }: SectionProps): JSX_2.Element;
-    displayName: string;
-};
-
-declare type SectionProps = LayoutComponentProps & {
-    /**
-     * The display property.
-     * @default 'block'
-     */
-    display?: Responsive<'none' | 'block' | 'inline-block' | 'inline'>;
-    children?: ReactNode;
-    'data-test-id'?: string;
-} & CommonAriaProps;
+export declare const Section: ForwardRefExoticComponent<LayoutComponentProps & {
+/**
+* The display property.
+* @default 'block'
+*/
+display?: Responsive<"none" | "block" | "inline-block" | "inline">;
+children?: ReactNode;
+'data-test-id'?: string;
+} & CommonAriaProps & RefAttributes<HTMLDivElement>>;
 
 export declare const SegmentedControl: {
     Root: ForwardRefExoticComponent<SegmentedControlRootProps & RefAttributes<HTMLDivElement>>;