@retriever-ui/system/lib/config/spaces.d.ts

import * as CSS from 'csstype';
import { CSSResponsive, ThemeCSS } from '../type/theme';
export interface SpacesProps {
    /**
     * The CSS `margin` property
     */
    m?: CSSResponsive<CSS.Property.Margin | number>;
    /**
     * The CSS `margin-right` and `margin-left` property
     */
    mX?: CSSResponsive<CSS.Property.MarginRight | number>;
    /**
     * The CSS `margin-top` and `margin-bottom` property
     */
    mY?: CSSResponsive<CSS.Property.MarginTop | number>;
    /**
     * The CSS `margin-top` property
     */
    mTop?: CSSResponsive<CSS.Property.MarginTop | number>;
    /**
     * The CSS `margin-right` property
     */
    mRight?: CSSResponsive<CSS.Property.MarginRight | number>;
    /**
     * The CSS `margin-bottom` property
     */
    mBottom?: CSSResponsive<CSS.Property.MarginBottom | number>;
    /**
     * The CSS `margin-left` property
     */
    mLeft?: CSSResponsive<CSS.Property.MarginLeft | number>;
    /**
     * The CSS `margin` property
     */
    margin?: CSSResponsive<CSS.Property.Margin | number>;
    /**
     * The CSS `margin-top` property
     */
    marginTop?: CSSResponsive<CSS.Property.MarginTop | number>;
    /**
     * The CSS `margin-right` property
     */
    marginRight?: CSSResponsive<CSS.Property.MarginRight | number>;
    /**
     * The CSS `margin-bottom` property
     */
    marginBottom?: CSSResponsive<CSS.Property.MarginBottom | number>;
    /**
     * The CSS `margin-left` property
     */
    marginLeft?: CSSResponsive<CSS.Property.MarginLeft | number>;
    /**
     * The CSS `margin-right` and `margin-left` property
     */
    marginX?: CSSResponsive<CSS.Property.MarginRight | number>;
    /**
     * The CSS `margin-top` and `margin-bottom` property
     */
    marginY?: CSSResponsive<CSS.Property.MarginTop | number>;
    /**
     * The CSS `padding` property
     */
    p?: CSSResponsive<CSS.Property.Padding | number>;
    /**
     * The CSS `padding-left` and `padding-right` property
     */
    pX?: CSSResponsive<CSS.Property.PaddingRight | number>;
    /**
     * The CSS `padding-top` and `padding-bottom` property
     */
    pY?: CSSResponsive<CSS.Property.PaddingTop | number>;
    /**
     * The CSS `padding-top` property
     */
    pTop?: CSSResponsive<CSS.Property.PaddingTop | number>;
    /**
     * The CSS `padding-right` property
     */
    pRight?: CSSResponsive<CSS.Property.PaddingRight | number>;
    /**
     * The CSS `padding-bottom` property
     */
    pBottom?: CSSResponsive<CSS.Property.PaddingBottom | number>;
    /**
     * The CSS `padding-left` property
     */
    pLeft?: CSSResponsive<CSS.Property.PaddingLeft | number>;
    /**
     * The CSS `padding` property
     */
    padding?: CSSResponsive<CSS.Property.Padding | number>;
    /**
     * The CSS `padding-top` property
     */
    paddingTop?: CSSResponsive<CSS.Property.PaddingTop | number>;
    /**
     * The CSS `padding-right` property
     */
    paddingRight?: CSSResponsive<CSS.Property.PaddingRight | number>;
    /**
     * The CSS `padding-bottom` property
     */
    paddingBottom?: CSSResponsive<CSS.Property.PaddingBottom | number>;
    /**
     * The CSS `padding-left` property
     */
    paddingLeft?: CSSResponsive<CSS.Property.PaddingLeft | number>;
    /**
     * The CSS `padding-left` and `padding-right` property
     */
    paddingX?: CSSResponsive<CSS.Property.PaddingRight | number>;
    /**
     * The CSS `padding-top` and `padding-bottom` property
     */
    paddingY?: CSSResponsive<CSS.Property.PaddingTop | number>;
    /**
     * The CSS `column-gap` property
     */
    columnGap?: CSSResponsive<CSS.Property.ColumnGap | number>;
    /**
     * The CSS `row-gap` property
     */
    rowGap?: CSSResponsive<CSS.Property.RowGap | number>;
    /**
     * The CSS `gap` property
     */
    gap?: CSSResponsive<CSS.Property.Gap | number>;
}
declare const spaces: ({ theme, ...props }: ThemeCSS<SpacesProps>) => import("@emotion/utils").SerializedStyles;
export default spaces;