UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

17 lines (16 loc) 1.07 kB
import { jsx as _jsx } from "react/jsx-runtime"; import { createSubcomponent } from '@workday/canvas-kit-react/common'; import { mergeStyles } from '@workday/canvas-kit-react/layout'; import { createStencil } from '@workday/canvas-kit-styling'; import { system } from '@workday/canvas-tokens-web'; import { useExpandableContent } from './hooks/useExpandableContent'; import { useExpandableModel } from './hooks/useExpandableModel'; export const expandableContentStencil = 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"); export const ExpandableContent = createSubcomponent('div')({ modelHook: useExpandableModel, elemPropsHook: useExpandableContent, })(({ children, ...elementProps }, Element) => { return _jsx(Element, { ...mergeStyles(elementProps, expandableContentStencil()), children: children }); });