@workday/canvas-kit-react/dist/commonjs/expandable/lib/ExpandableTarget.js

The parent module that contains all Workday Canvas Kit React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ExpandableTarget = exports.expandableTargetStencil = 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 text_1 = require("@workday/canvas-kit-react/text");
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
const useExpandableTarget_1 = require("./hooks/useExpandableTarget");
const useExpandableModel_1 = require("./hooks/useExpandableModel");
exports.expandableTargetStencil = (0, canvas_kit_styling_1.createStencil)({
    base: { name: "2to6br", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-bg-transparent-default);border-color:var(--cnvs-sys-color-bg-transparent-default);border-radius:var(--cnvs-sys-shape-x1);border-width:0;display:flex;align-items:center;flex-direction:row;gap:var(--cnvs-sys-space-x2);justify-content:start;padding:var(--cnvs-sys-space-x2);cursor:pointer;width:100%;&:hover, &.hover{background-color:var(--cnvs-sys-color-bg-alt-soft);}&:focus-visible, &.focus{outline:var(--cnvs-brand-common-focus-outline) solid 0.125rem;}" }
}, "expandable-target-89840f");
exports.ExpandableTarget = (0, common_1.createSubcomponent)('button')({
    modelHook: useExpandableModel_1.useExpandableModel,
    elemPropsHook: useExpandableTarget_1.useExpandableTarget,
})(({ children, headingLevel, ...elementProps }, Element) => {
    const button = ((0, jsx_runtime_1.jsx)(Element, { ...(0, layout_1.mergeStyles)(elementProps, (0, exports.expandableTargetStencil)()), children: children }));
    return headingLevel ? ((0, jsx_runtime_1.jsx)(text_1.Heading, { size: "small", as: headingLevel, margin: "0", children: button })) : (button);
});