@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
19 lines (18 loc) • 1.02 kB
JavaScript
import * as React from 'react';
import { createComponent } from '@workday/canvas-kit-react/common';
import { mergeStyles } from '@workday/canvas-kit-react/layout';
import { textStencil } from '@workday/canvas-kit-react/text';
import { createStencil } from '@workday/canvas-kit-styling';
import { system } from '@workday/canvas-tokens-web';
// .cnvs-card-heading
export const cardHeadingStencil = createStencil({
extends: textStencil,
base: { name: "d5h4v", styles: "box-sizing:border-box;color:var(--cnvs-sys-color-text-strong);font-weight:var(--cnvs-sys-font-weight-bold);margin-bottom:var(--cnvs-sys-space-x6);margin-top:var(--cnvs-sys-space-zero);" },
defaultModifiers: { typeLevel: 'body.large' }
}, "card-heading-a7538d");
export const CardHeading = createComponent('h3')({
displayName: 'Card.Heading',
Component: ({ children, ...elemProps }, ref, Element) => {
return (React.createElement(Element, { ref: ref, ...mergeStyles(elemProps, cardHeadingStencil()) }, children));
},
});