@workday/canvas-kit-react/dist/es6/layout/lib/utils/background.d.ts

The parent module that contains all Workday Canvas Kit React components

import { Property } from 'csstype';
import { StyleFnConfig } from './buildStyleFns';
import { SystemPropValues } from './systemProps';
/** style props to set CSS background properties */
export type BackgroundStyleProps = {
    /**
     * - sets [CSS background property](https://developer.mozilla.org/en-US/docs/Web/CSS/background)
     * - system tokens: `color`
     * */
    background?: SystemPropValues['color'];
    /** sets [CSS background-attachment property](https://developer.mozilla.org/en-US/docs/Web/CSS/) */
    backgroundAttachment?: Property.BackgroundAttachment;
    /**
     * - sets [CSS background-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)
     * - system tokens: `color`
     * */
    backgroundColor?: SystemPropValues['color'];
    /** sets [CSS background-image property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image) */
    backgroundImage?: Property.BackgroundImage;
    /** sets [CSS background-position property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position) */
    backgroundPosition?: Property.BackgroundPosition;
    /** sets [CSS background-repeat property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) */
    backgroundRepeat?: Property.BackgroundRepeat;
    /** sets [CSS background-size property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size) */
    backgroundSize?: Property.BackgroundSize;
};
export declare const backgroundStyleFnConfigs: StyleFnConfig[];
export declare const backgroundFns: import("./buildStyleFns").StyleFns;
/**
 * A style prop function that takes component props and returns border styles.
 * Some props, such as background and backgroundColor, are connected to our design tokens.
 * If no `BackgroundStyleProps` are found, it returns an empty object.
 *
 * @example
 * ```tsx
 * const BackgroundExample = () => (
 *   <Box backgroundColor="blueberry500">
 *     Hello, background styles!
 *   </Box>
 * );
 *```
 */
export declare const background: (props: BackgroundStyleProps) => {};
//# sourceMappingURL=background.d.ts.map