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

The parent module that contains all Workday Canvas Kit React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.layout = exports.layoutStyleFns = exports.layoutStyleFnConfigs = void 0;
const buildStyleFns_1 = require("./buildStyleFns");
exports.layoutStyleFnConfigs = [
    {
        name: 'display',
        properties: ['display'],
        system: 'none',
    },
    {
        name: 'height',
        properties: ['height'],
        system: 'space',
    },
    {
        name: 'listStyle',
        properties: ['listStyle'],
        system: 'none',
    },
    {
        name: 'maxHeight',
        properties: ['maxHeight'],
        system: 'space',
    },
    {
        name: 'maxWidth',
        properties: ['maxWidth'],
        system: 'space',
    },
    {
        name: 'minHeight',
        properties: ['minHeight'],
        system: 'space',
    },
    {
        name: 'minWidth',
        properties: ['minWidth'],
        system: 'space',
    },
    {
        name: 'overflow',
        properties: ['overflow'],
        system: 'none',
    },
    {
        name: 'overflowX',
        properties: ['overflowX'],
        system: 'none',
    },
    {
        name: 'overflowY',
        properties: ['overflowY'],
        system: 'none',
    },
    {
        name: 'verticalAlign',
        properties: ['verticalAlign'],
        system: 'none',
    },
    {
        name: 'width',
        properties: ['width'],
        system: 'space',
    },
];
exports.layoutStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.layoutStyleFnConfigs);
/**
 * 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>
 * );
 * ```
 */
exports.layout = (0, buildStyleFns_1.buildStylePropFn)(exports.layoutStyleFns);