@workday/canvas-kit-react/dist/commonjs/form-field/lib/FormFieldGroupLabel.d.ts

The parent module that contains all Workday Canvas Kit React components

import React from 'react';
import { ExtractProps } from '@workday/canvas-kit-react/common';
import { Text } from '@workday/canvas-kit-react/text';
import { FlexProps } from '@workday/canvas-kit-react/layout';
export interface FormFieldGroupLabelProps extends FlexProps, Omit<ExtractProps<typeof Text, never>, 'display'> {
    /**
     * The text of the label.
     */
    children: React.ReactNode;
}
export declare const formFieldGroupLabelStencil: 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 FormFieldGroupLabel: import("@workday/canvas-kit-react/common").ElementComponentM<"div", FormFieldGroupLabelProps, {
    state: {
        id: string;
        error: "error" | "alert" | undefined;
        isRequired: boolean;
        orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
    };
    events: {};
}>;
//# sourceMappingURL=FormFieldGroupLabel.d.ts.map