@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
120 lines • 5.15 kB
TypeScript
export declare const formFieldHintStencil: import("@workday/canvas-kit-styling").Stencil<{
error: {
error: {
color: "--cnvs-brand-error-base";
};
alert: {};
};
}, {}, {}, 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 FormFieldHint: import("@workday/canvas-kit-react/common").ElementComponentM<"p", import("@workday/canvas-kit-react/text").TextProps, {
state: {
id: string;
error: "error" | "alert" | undefined;
isRequired: boolean;
orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
};
events: {};
}>;
//# sourceMappingURL=FormFieldHint.d.ts.map