@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
108 lines • 4.95 kB
TypeScript
import { BoxProps } from '@workday/canvas-kit-react/layout';
export interface CardBodyProps extends BoxProps {
}
export declare const cardBodyStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, import("@workday/canvas-kit-styling").Stencil<{
typeLevel: {
'title.large': {
color: "--cnvs-sys-color-text-strong";
fontFamily: "--cnvs-sys-font-family-default";
fontWeight: "--cnvs-sys-font-weight-bold";
lineHeight: "--cnvs-sys-line-height-title-large";
fontSize: "--cnvs-sys-font-size-title-large";
};
'title.medium': {
color: "--cnvs-sys-color-text-strong";
fontFamily: "--cnvs-sys-font-family-default";
fontWeight: "--cnvs-sys-font-weight-bold";
lineHeight: "--cnvs-sys-line-height-title-medium";
fontSize: "--cnvs-sys-font-size-title-medium";
};
'title.small': {
color: "--cnvs-sys-color-text-strong";
fontFamily: "--cnvs-sys-font-family-default";
fontWeight: "--cnvs-sys-font-weight-bold";
lineHeight: "--cnvs-sys-line-height-title-small";
fontSize: "--cnvs-sys-font-size-title-small";
};
'heading.large': {
color: "--cnvs-sys-color-text-strong";
fontFamily: "--cnvs-sys-font-family-default";
fontWeight: "--cnvs-sys-font-weight-bold";
lineHeight: "--cnvs-sys-line-height-heading-large";
fontSize: "--cnvs-sys-font-size-heading-large";
};
'heading.medium': {
color: "--cnvs-sys-color-text-strong";
fontFamily: "--cnvs-sys-font-family-default";
fontWeight: "--cnvs-sys-font-weight-bold";
lineHeight: "--cnvs-sys-line-height-heading-medium";
fontSize: "--cnvs-sys-font-size-heading-medium";
};
'heading.small': {
color: "--cnvs-sys-color-text-strong";
fontFamily: "--cnvs-sys-font-family-default";
fontWeight: "--cnvs-sys-font-weight-bold";
lineHeight: "--cnvs-sys-line-height-heading-small";
fontSize: "--cnvs-sys-font-size-heading-small";
};
'body.large': {
color: "--cnvs-sys-color-text-default";
fontFamily: "--cnvs-sys-font-family-default";
fontWeight: "--cnvs-sys-font-weight-normal";
lineHeight: "--cnvs-sys-line-height-body-large";
fontSize: "--cnvs-sys-font-size-body-large";
};
'body.medium': {
color: "--cnvs-sys-color-text-default";
fontFamily: "--cnvs-sys-font-family-default";
fontWeight: "--cnvs-sys-font-weight-normal";
lineHeight: "--cnvs-sys-line-height-body-medium";
fontSize: "--cnvs-sys-font-size-body-medium";
};
'body.small': {
color: "--cnvs-sys-color-text-default";
fontFamily: "--cnvs-sys-font-family-default";
fontWeight: "--cnvs-sys-font-weight-normal";
lineHeight: "--cnvs-sys-line-height-body-small";
fontSize: "--cnvs-sys-font-size-body-small";
letterSpacing: "--cnvs-base-letter-spacing-200";
};
'subtext.large': {
color: "--cnvs-sys-color-text-default";
fontFamily: "--cnvs-sys-font-family-default";
fontWeight: "--cnvs-sys-font-weight-normal";
lineHeight: "--cnvs-sys-line-height-subtext-large";
fontSize: "--cnvs-sys-font-size-subtext-large";
letterSpacing: "--cnvs-base-letter-spacing-150";
};
'subtext.medium': {
color: "--cnvs-sys-color-text-default";
fontFamily: "--cnvs-sys-font-family-default";
fontWeight: "--cnvs-sys-font-weight-normal";
lineHeight: "--cnvs-sys-line-height-subtext-medium";
fontSize: "--cnvs-sys-font-size-subtext-medium";
letterSpacing: "--cnvs-base-letter-spacing-100";
};
'subtext.small': {
color: "--cnvs-sys-color-text-default";
fontFamily: "--cnvs-sys-font-family-default";
fontWeight: "--cnvs-sys-font-weight-normal";
lineHeight: "--cnvs-sys-line-height-subtext-small";
fontSize: "--cnvs-sys-font-size-subtext-small";
letterSpacing: "--cnvs-base-letter-spacing-50";
};
};
variant: {
error: {
color: "--cnvs-sys-color-text-critical-default";
};
hint: {
color: "--cnvs-sys-color-text-hint";
};
inverse: {
color: "--cnvs-sys-color-text-inverse";
};
};
}, {}, {}, never, never>, never>;
export declare const CardBody: import("@workday/canvas-kit-react/common").ElementComponent<"div", CardBodyProps>;
//# sourceMappingURL=CardBody.d.ts.map