react-raster/dist/Box/hooks/useNormalize.d.ts

Advanced grid- and styling-system which is highly customizable and ready for server-side-rendering.

import { ContextProps } from "../../context";
export default function useNormalize(props: any, context: ContextProps, hasChildBoxes: boolean): {
    breakpoints: number[];
    breakpoint: number;
    colsTotal: number;
    colspanTotal: string | number;
    colsEffective: number;
    margin: {
        left: string;
        right: string;
        top: string;
        bottom: string;
    };
    padding: {
        left: string;
        right: string;
        top: string;
        bottom: string;
    };
    marginRaw: {
        top: string | number;
        bottom: string | number;
        left: string | number;
        right: string | number;
    };
    paddingRaw: {
        top: string | number;
        bottom: string | number;
        left: string | number;
        right: string | number;
    };
    display: string;
    gap: {
        row: string;
        column: string;
    };
    controlColor: any;
    styles: string | number;
    width: string | number;
    minWidth: string | number;
    maxWidth: string | number;
    height: string | number;
    minHeight: string | number;
    maxHeight: string | number;
    position: string | number;
    zIndex: string | number;
    left: string | number;
    right: string | number;
    top: string | number;
    bottom: string | number;
    pointerEvents: string | number;
    cursor: string | number;
    gridTemplateRows: string | number;
    gridColumn: string | number;
    gridRow: string | number;
    gridAutoRows: string | number;
    gridTemplateColumns: string | number;
    autoFlow: string | number;
    order: string | number;
    alignItems: string | number;
    alignContent: string | number;
    alignSelf: string | number;
    justifyContent: string | number;
    justifyItems: string | number;
    justifySelf: string | number;
    flexDirection: string | number;
    flexWrap: string | number;
    flexShrink: string | number;
    flexGrow: string | number;
    border: string | number;
    borderLeft: string | number;
    borderRight: string | number;
    borderTop: string | number;
    borderBottom: string | number;
    background: string | number;
    backgroundColor: string | number;
    backgroundImage: string | number;
    backgroundPosition: string | number;
    backgroundAttachment: string | number;
    backgroundSize: string | number;
    filter: string | number;
    backdropFilter: string | number;
    mixBlendMode: string | number;
    backgroundBlendMode: string | number;
    textShadow: string | number;
    boxShadow: string | number;
    textStroke: string | number;
    fontFamily: string | number;
    fontSize: string | number;
    fontWeight: string | number;
    fontStyle: string | number;
    textAlign: string | number;
    color: string | number;
    lineHeight: string | number;
    letterSpacing: string | number;
    textDecoration: string | number;
    hyphens: string | number;
    transform: string | number;
    transition: string | number;
    animation: string | number;
    opacity: string | number;
    willChange: string | number;
    overflow: string | number;
    overflowX: string | number;
    overflowY: string | number;
    rootMargin: string | number;
};