import type * as CSS from 'csstype'; import type { ResponsiveValue } from '../../components/types/responsiveValue'; import type { LayoutProps as ssLayoutProps } from 'styled-system'; /** * Types for layout related CSS properties */ export interface LayoutProps extends ssLayoutProps { /** * The CSS `display` property */ d?: ResponsiveValue; /** * The CSS `width` property */ w?: ResponsiveValue>; /** * The CSS `width` and `height` property */ boxSize?: ResponsiveValue>; /** * The CSS `max-width` property */ maxW?: ResponsiveValue>; /** * The CSS `min-width` property */ minW?: ResponsiveValue>; /** * The CSS `height` property */ h?: ResponsiveValue>; /** * The CSS `max-height` property */ maxH?: ResponsiveValue>; /** * The CSS `min-height` property */ minH?: ResponsiveValue>; /** * The CSS `box-sizing` property */ boxSizing?: ResponsiveValue; }