UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

20 lines (19 loc) 1.35 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.ExpandableContent = exports.expandableContentStencil = void 0; const jsx_runtime_1 = require("react/jsx-runtime"); const common_1 = require("@workday/canvas-kit-react/common"); const layout_1 = require("@workday/canvas-kit-react/layout"); const canvas_kit_styling_1 = require("@workday/canvas-kit-styling"); const canvas_tokens_web_1 = require("@workday/canvas-tokens-web"); const useExpandableContent_1 = require("./hooks/useExpandableContent"); const useExpandableModel_1 = require("./hooks/useExpandableModel"); exports.expandableContentStencil = (0, canvas_kit_styling_1.createStencil)({ base: { name: "14v9g1", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" } }, "expandable-content-25e157"); exports.ExpandableContent = (0, common_1.createSubcomponent)('div')({ modelHook: useExpandableModel_1.useExpandableModel, elemPropsHook: useExpandableContent_1.useExpandableContent, })(({ children, ...elementProps }, Element) => { return (0, jsx_runtime_1.jsx)(Element, { ...(0, layout_1.mergeStyles)(elementProps, (0, exports.expandableContentStencil)()), children: children }); });