@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
28 lines • 1.05 kB
TypeScript
import { Property } from 'csstype';
import { StyleFnConfig } from './buildStyleFns';
import { SystemPropValues } from './systemProps';
/** style props to for depth styles */
export type DepthStyleProps = {
/** sets [CSS box-shadow styles](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow) */
boxShadow?: Property.BoxShadow;
/**
* - sets [CSS box-shadow styles](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow)
* - system tokens: `depth`
* */
depth?: SystemPropValues['depth'];
};
export declare const depthStyleFnConfigs: StyleFnConfig[];
export declare const depthStyleFns: import("./buildStyleFns").StyleFns;
/**
* A style prop function that takes component props and returns depth styles from Canvas token values.
* If no `DepthStyleProps` are found, it returns an empty object.
*
* @example
* ```tsx
* const DepthExample = () => (
* <Box depth={3}>Hello, box shadows!</Box>
* );
* ```
*/
export declare const depth: (props: DepthStyleProps) => {};
//# sourceMappingURL=depth.d.ts.map