UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

65 lines 2.72 kB
import { Property } from 'csstype'; import { StyleFnConfig } from './buildStyleFns'; import { SystemPropValues } from './systemProps'; /** style props to for CSS layout properties */ export type LayoutStyleProps = { /** sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display) */ display?: Property.Display; /** * - sets [CSS height property](https://developer.mozilla.org/en-US/docs/Web/CSS/height) * - system tokens: `space` * */ height?: SystemPropValues['space']; /** sets [CSS list-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style) */ listStyle?: Property.ListStyle; /** * - sets [CSS max-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height) * - system tokens: `space` * */ maxHeight?: SystemPropValues['space']; /** * - sets [CSS max-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width) * - system tokens: `space` * */ maxWidth?: SystemPropValues['space']; /** * - sets [CSS min-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) * - system tokens: `space` * */ minHeight?: SystemPropValues['space']; /** * - sets [CSS min-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width) * - system tokens: `space` * */ minWidth?: SystemPropValues['space']; /** sets [CSS overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow) */ overflow?: Property.Overflow; /** sets [CSS overflow-x property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x) */ overflowX?: Property.OverflowX; /** sets [CSS overflow-y property](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y) */ overflowY?: Property.OverflowY; /** sets [CSS vertical-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) */ verticalAlign?: Property.VerticalAlign; /** * - sets [CSS width property](https://developer.mozilla.org/en-US/docs/Web/CSS/width) * - system tokens: `space` * */ width?: SystemPropValues['space']; }; export declare const layoutStyleFnConfigs: StyleFnConfig[]; export declare const layoutStyleFns: import("./buildStyleFns").StyleFns; /** * A style prop function that takes component props and returns layout styles. * If no `LayoutStyleProps` are found, it returns an empty object. * * @example * ```tsx * const LayoutExample = () => ( * <Box display="inline-block" height="50%"> * Hello, layout! * </Box> * ); * ``` */ export declare const layout: (props: LayoutStyleProps) => {}; //# sourceMappingURL=layout.d.ts.map