@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
41 lines (40 loc) • 1.32 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.borderStyleFnConfigs = exports.border = void 0;
const buildStyleFns_1 = require("../buildStyleFns");
const color_1 = require("./color");
const lineStyle_1 = require("./lineStyle");
const radius_1 = require("./radius");
const shorthand_1 = require("./shorthand");
const width_1 = require("./width");
/**
* A style prop function that takes component props and returns border styles. Some props, such as borderRadius and borderColor, are connected to our design tokens.
* If no `BorderStyleProps` are found, it returns an empty object.
*
* @example
* ```tsx
* const BorderExample = () => (
* <Box
* border="solid 1px"
* borderColor="soap500"
* borderRadius="l"
* >
* Hello, border styles!
* </Box>
* );
*```
*/
exports.border = (0, buildStyleFns_1.buildStylePropFn)({
...color_1.borderColorFns,
...lineStyle_1.borderLineStyleFns,
...radius_1.borderRadiusFns,
...shorthand_1.borderShorthandFns,
...width_1.borderWidthFns,
});
exports.borderStyleFnConfigs = [
...color_1.borderColorStyleFnConfigs,
...lineStyle_1.borderLineStyleFnConfigs,
...radius_1.borderRadiusStyleFnConfigs,
...shorthand_1.borderShorthandStyleFnConfigs,
...width_1.borderWidthStyleFnConfigs,
];