@workday/canvas-kit-react

Version:
The parent module that contains all Workday Canvas Kit React components
28 lines (27 loc) • 1.89 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.InformationHighlightHeading = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const common_1 = require("@workday/canvas-kit-react/common");
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 useInformationHighlightModel_1 = require("../hooks/useInformationHighlightModel");
const informationHighlightHeadingStencil = (0, canvas_kit_styling_1.createStencil)({
    parts: {
        heading: 'information-highlight-heading',
    },
    base: { name: "3amo3y", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default, \"Roboto\");font-weight:var(--cnvs-sys-font-weight-medium);line-height:var(--cnvs-sys-line-height-subtext-lg, 1.25rem);font-size:var(--cnvs-sys-font-size-subtext-lg, 0.875rem);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, 0.015rem);color:var(--cnvs-sys-color-fg-strong);margin:0;margin-block-end:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));" },
    modifiers: {
        actionPlacement: {
            bottom: { name: "3nf0vy", styles: "grid-column:2;" },
            end: { name: "lvjpf", styles: "" }
        }
    }
}, "information-highlight-heading-109fd6");
exports.InformationHighlightHeading = (0, common_1.createSubcomponent)('h3')({
    displayName: 'Heading',
    modelHook: useInformationHighlightModel_1.useInformationHighlightModel,
})(({ size = 'small', ...elemProps }, Element, model) => {
    return ((0, jsx_runtime_1.jsx)(text_1.Heading, { as: Element, size: size, ...informationHighlightHeadingStencil.parts.heading, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, informationHighlightHeadingStencil({ actionPlacement: model.state.actionPlacement })) }));
});