watercolor-ui/dist/src/components/Grid/utils.d.ts

A modern minimalist cross-framework component library

export namespace BREAKPOINTS {
    let xs: string;
    let sm: string;
    let md: string;
    let lg: string;
    let xl: string;
}
export const DIRECTION_MAP: {
    row: string;
    column: string;
    'row-reverse': string;
    'column-reverse': string;
};
export const JUSTIFY_CONTENT_MAP: {
    'flex-start': string;
    center: string;
    'flex-end': string;
    'space-between': string;
    'space-around': string;
    'space-evenly': string;
};
export const ALIGN_ITEMS_MAP: {
    'flex-start': string;
    center: string;
    'flex-end': string;
    stretch: string;
    baseline: string;
};
export const VALID_SPACING_VALUES: string[];
export function getContainerClasses(props: Object): any[];
export function getItemClasses(props: Object): any[];
export function getSpacingClasses(spacing: number | string): any[];
export function getBreakpointClasses(value: number | string | boolean, prefix: string): any[];
export function getWidthClass(width: number): string;
export function getGridClasses(props: Object): any[];
export function isValidDirection(direction: string): boolean;
export function isValidJustifyContent(justifyContent: string): boolean;
export function isValidAlignItems(alignItems: string): boolean;
export function isValidBreakpointValue(value: any): boolean;
export function isValidSpacing(spacing: any): boolean;
export function formatGridProps(props: Object): Object;
export function calculateGridItemWidth(columns: number, totalColumns?: number): number;
export function getBreakpointInfo(breakpoints: Object): Object;
export function createGridConfig(options?: Object): Object;
export function mergeGridClasses(...classNames: string[]): string;
export function getGridContainerStyles(props: Object): Object;
export function getGridItemStyles(props: Object): Object;
export function debugGridConfig(props: Object): Object;
//# sourceMappingURL=utils.d.ts.map