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

The parent module that contains all Workday Canvas Kit React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.flexItem = exports.flexItemStyleFns = exports.flexItemStyleFnConfigs = void 0;
const buildStyleFns_1 = require("./buildStyleFns");
exports.flexItemStyleFnConfigs = [
    {
        name: 'flex',
        properties: ['flex'],
        system: 'none',
    },
    {
        name: 'flexGrow',
        properties: ['flexGrow'],
        system: 'none',
    },
    {
        name: 'flexShrink',
        properties: ['flexShrink'],
        system: 'none',
    },
    {
        name: 'flexBasis',
        properties: ['flexBasis'],
        system: 'none',
    },
    {
        name: 'justifySelf',
        properties: ['justifySelf'],
        system: 'none',
    },
    {
        name: 'alignSelf',
        properties: ['alignSelf'],
        system: 'none',
    },
    {
        name: 'order',
        properties: ['order'],
        system: 'none',
    },
];
exports.flexItemStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.flexItemStyleFnConfigs);
/**
 * A style prop function that takes component props and returns flexbox item styles.
 * If no `FlexItemStyleProps` are found, it returns an empty object.
 *
 * @example
 * ```tsx
 * const FlexItemExample = () => (
 *   <Box flex={1} flexBasis="auto" alignSelf={center}>
 *     Hello, flex item!
 *   </Box>
 * );
 * ```
 */
exports.flexItem = (0, buildStyleFns_1.buildStylePropFn)(exports.flexItemStyleFns);