@workday/canvas-kit-react

Version:
The parent module that contains all Workday Canvas Kit React components
28 lines (27 loc) • 1.51 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PopupButtonGroup = exports.popupButtonGroupStencil = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const common_1 = require("@workday/canvas-kit-react/common");
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
const hooks_1 = require("./hooks");
exports.popupButtonGroupStencil = (0, canvas_kit_styling_1.createStencil)({
    base: { name: "17sp6z", styles: "box-sizing:border-box;display:flex;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));@media screen and (max-width: 768px){flex-direction:column;}" },
    modifiers: {
        position: {
            start: { name: "xrx0k", styles: "justify-content:flex-start;" },
            center: { name: "3gnir2", styles: "justify-content:center;" },
            end: { name: "jhsa9", styles: "justify-content:flex-end;" }
        },
        grow: {
            true: { name: "2wbq67", styles: "& button{width:100%;}" }
        }
    }
}, "popup-button-group-1d7c77");
exports.PopupButtonGroup = (0, common_1.createSubcomponent)('div')({
    displayName: 'Popup.ButtonGroup',
    modelHook: hooks_1.usePopupModel,
})(({ children, position = 'end', grow, ...elemProps }, Element) => {
    return ((0, jsx_runtime_1.jsx)(Element, { ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.popupButtonGroupStencil)({ position, grow })), children: children }));
});