@workday/canvas-kit-react/dist/commonjs/layout/lib/utils/depth.js

The parent module that contains all Workday Canvas Kit React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.depth = exports.depthStyleFns = exports.depthStyleFnConfigs = void 0;
const buildStyleFns_1 = require("./buildStyleFns");
exports.depthStyleFnConfigs = [
    {
        name: 'boxShadow',
        properties: ['boxShadow'],
        system: 'none',
    },
    {
        name: 'depth',
        properties: ['boxShadow'],
        system: 'depth',
    },
];
exports.depthStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.depthStyleFnConfigs);
/**
 * 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>
 * );
 * ```
 */
exports.depth = (0, buildStyleFns_1.buildStylePropFn)(exports.depthStyleFns);