@dossierhq/design/lib/utils/FlexboxUtils.d.ts

The design system for Dossier.

export interface FlexContainerProps {
    flexDirection?: keyof typeof flexDirectionClassNames;
    alignItems?: keyof typeof alignItemsClassNames;
    justifyContent?: keyof typeof justifyContentClassNames;
    overflowX?: keyof typeof overflowXClassNames;
    overflowY?: keyof typeof overflowYClassNames;
}
declare const flexDirectionClassNames: {
    column: string;
    row: string;
};
declare const alignItemsClassNames: {
    center: string;
    'flex-start': string;
};
declare const justifyContentClassNames: {
    center: string;
};
declare const overflowXClassNames: {
    auto: string;
};
declare const overflowYClassNames: {
    auto: string;
};
export declare function toFlexContainerClassName({ flexDirection, alignItems, justifyContent, overflowX, overflowY, }: FlexContainerProps): string;
export interface FlexItemProps {
    flexGrow?: 0 | 1;
    alignSelf?: keyof typeof alignSelfClassNames;
}
declare const alignSelfClassNames: {
    center: string;
    'flex-start': string;
    'flex-end': string;
};
export declare function toFlexItemClassName({ alignSelf, flexGrow }: FlexItemProps): string;
export {};