@retriever-ui/system
Version:
39 lines (38 loc) • 1.12 kB
TypeScript
import * as CSS from 'csstype';
import { CSSResponsive, ThemeCSS } from '../type/theme';
export interface FlexProps {
/**
* The CSS `flex-wrap` property
*/
flexWrap?: CSSResponsive<CSS.Property.FlexWrap>;
/**
* The CSS `flex-direction` property
*/
flexDirection?: CSSResponsive<CSS.Property.FlexDirection>;
/**
* The CSS `flex` property
*/
flex?: CSSResponsive<CSS.Property.Flex>;
/**
* The CSS `flex-flow` property
*/
flexFlow?: CSSResponsive<CSS.Property.FlexFlow>;
/**
* The CSS `flex-grow` property
*/
flexGrow?: CSSResponsive<CSS.Property.FlexGrow | number>;
/**
* The CSS `flex-shrink` property
*/
flexShrink?: CSSResponsive<CSS.Property.FlexShrink | number>;
/**
* The CSS `flex-basis` property
*/
flexBasis?: CSSResponsive<CSS.Property.FlexBasis>;
/**
* The CSS `order` property
*/
order?: CSSResponsive<CSS.Property.Order | number>;
}
declare const flex: ({ theme, ...props }: ThemeCSS<FlexProps>) => import("@emotion/utils").SerializedStyles;
export default flex;