UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

19 lines (18 loc) 1.02 kB
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)); }, });