@workday/canvas-kit-react/dist/commonjs/expandable/lib/ExpandableAvatar.d.ts

The parent module that contains all Workday Canvas Kit React components

import { AvatarProps } from '@workday/canvas-kit-preview-react/avatar';
export interface ExpandableAvatarProps extends AvatarProps {
}
export declare const expandableAvatarStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, import("@workday/canvas-kit-styling").Stencil<{
    imageLoaded: {
        false: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly avatarImage: "avatar-image";
            readonly avatarName: "avatar-name";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                display: string;
            };
        };
    };
    objectFit: {
        contain: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly avatarImage: "avatar-image";
            readonly avatarName: "avatar-name";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: string;
            };
        };
        cover: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly avatarImage: "avatar-image";
            readonly avatarName: "avatar-name";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: string;
            };
        };
        fill: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly avatarImage: "avatar-image";
            readonly avatarName: "avatar-name";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: string;
            };
        };
        none: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly avatarImage: "avatar-image";
            readonly avatarName: "avatar-name";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: string;
            };
        };
        "scale-down": ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly avatarImage: "avatar-image";
            readonly avatarName: "avatar-name";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: string;
            };
        };
        initial: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly avatarImage: "avatar-image";
            readonly avatarName: "avatar-name";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: string;
            };
        };
        inherit: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly avatarImage: "avatar-image";
            readonly avatarName: "avatar-name";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: string;
            };
        };
        unset: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly avatarImage: "avatar-image";
            readonly avatarName: "avatar-name";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: string;
            };
        };
        "-moz-initial": ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly avatarImage: "avatar-image";
            readonly avatarName: "avatar-name";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: string;
            };
        };
        revert: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly avatarImage: "avatar-image";
            readonly avatarName: "avatar-name";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: string;
            };
        };
    };
}, {
    readonly avatarImage: "avatar-image";
    readonly avatarName: "avatar-name";
}, {}, import("@workday/canvas-kit-styling").Stencil<{
    variant: {
        blue: ({ backgroundColor, color }: {
            backgroundColor: `--${string}`;
            color: `--${string}`;
            size: `--${string}`;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
            backgroundColor: `var(--${string}, var(--cnvs-base-palette-blue-300))`;
            color: `var(--${string}, var(--cnvs-base-palette-blue-800))`;
        };
        amber: ({ backgroundColor, color }: {
            backgroundColor: `--${string}`;
            color: `--${string}`;
            size: `--${string}`;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
            backgroundColor: `var(--${string}, var(--cnvs-base-palette-amber-200))`;
            color: `var(--${string}, var(--cnvs-base-palette-amber-700))`;
        };
        teal: ({ backgroundColor, color }: {
            backgroundColor: `--${string}`;
            color: `--${string}`;
            size: `--${string}`;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
            backgroundColor: `var(--${string}, var(--cnvs-base-palette-teal-300))`;
            color: `var(--${string}, var(--cnvs-base-palette-teal-800))`;
        };
        purple: ({ backgroundColor, color }: {
            backgroundColor: `--${string}`;
            color: `--${string}`;
            size: `--${string}`;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
            backgroundColor: `var(--${string}, var(--cnvs-base-palette-purple-300))`;
            color: `var(--${string}, var(--cnvs-base-palette-purple-800))`;
        };
    };
    size: {
        extraExtraSmall: ({ size }: {
            backgroundColor: `--${string}`;
            color: `--${string}`;
            size: `--${string}`;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
            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";
        };
        extraSmall: ({ size }: {
            backgroundColor: `--${string}`;
            color: `--${string}`;
            size: `--${string}`;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
            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";
        };
        small: ({ size }: {
            backgroundColor: `--${string}`;
            color: `--${string}`;
            size: `--${string}`;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
            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";
        };
        medium: ({ size }: {
            backgroundColor: `--${string}`;
            color: `--${string}`;
            size: `--${string}`;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
            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";
        };
        large: ({ size }: {
            backgroundColor: `--${string}`;
            color: `--${string}`;
            size: `--${string}`;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
            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";
        };
        extraLarge: ({ size }: {
            backgroundColor: `--${string}`;
            color: `--${string}`;
            size: `--${string}`;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
            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";
        };
        extraExtraLarge: ({ size }: {
            backgroundColor: `--${string}`;
            color: `--${string}`;
            size: `--${string}`;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
            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";
        };
    };
}, {}, {
    backgroundColor: string;
    color: string;
    size: string;
}, never, never>, never>, never>;
export declare const ExpandableAvatar: import("@workday/canvas-kit-react/common").ElementComponent<"div", ExpandableAvatarProps>;
//# sourceMappingURL=ExpandableAvatar.d.ts.map