@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-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<{
    variant: {
        light: ({ iconPart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            backgroundColor: "--cnvs-sys-color-bg-alt-default";
            "[data-part=\"avatar-icon\"]": {
                [x: string]: "--cnvs-sys-color-fg-default";
            };
        };
        dark: ({ iconPart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            backgroundColor: "--cnvs-sys-color-bg-primary-default";
            "[data-part=\"avatar-icon\"]": {
                [x: string]: "--cnvs-sys-color-fg-inverse";
            };
        };
    };
    size: {
        extraSmall: ({ iconPart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            width: "--cnvs-sys-space-x4";
            height: "--cnvs-sys-space-x4";
            "[data-part=\"avatar-icon\"]": {
                [x: string]: string;
            };
        };
        small: ({ iconPart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            width: "--cnvs-sys-space-x6";
            height: "--cnvs-sys-space-x6";
            "[data-part=\"avatar-icon\"]": {
                [x: string]: string;
            };
        };
        medium: ({ iconPart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            width: "--cnvs-sys-space-x8";
            height: "--cnvs-sys-space-x8";
            "[data-part=\"avatar-icon\"]": {
                [x: string]: string;
            };
        };
        large: ({ iconPart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            width: "--cnvs-sys-space-x10";
            height: "--cnvs-sys-space-x10";
            "[data-part=\"avatar-icon\"]": {
                [x: string]: string;
            };
        };
        extraLarge: ({ iconPart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            width: "--cnvs-sys-space-x16";
            height: "--cnvs-sys-space-x16";
            "[data-part=\"avatar-icon\"]": {
                [x: string]: string;
            };
        };
        extraExtraLarge: ({ iconPart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            width: string;
            height: string;
            "[data-part=\"avatar-icon\"]": {
                [x: string]: string;
            };
        };
    };
    objectFit: {
        contain: ({ imagePart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: "contain";
            };
        };
        fill: ({ imagePart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: "fill";
            };
        };
        cover: ({ imagePart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: "cover";
            };
        };
        "scale-down": ({ imagePart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: "scale-down";
            };
        };
        none: ({ imagePart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: "none";
            };
        };
        "-moz-initial": ({ imagePart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: "-moz-initial";
            };
        };
        initial: ({ imagePart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: "initial";
            };
        };
        inherit: ({ imagePart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: "inherit";
            };
        };
        revert: ({ imagePart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: "revert";
            };
        };
        unset: ({ imagePart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            "[data-part=\"avatar-image\"]": {
                objectFit: "unset";
            };
        };
    };
    isImageLoaded: {
        true: ({ iconPart, imagePart }: {
            size: string;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly icon: "avatar-icon";
            readonly image: "avatar-image";
        }>) => {
            "[data-part=\"avatar-icon\"]": {
                opacity: number;
            };
            "[data-part=\"avatar-image\"]": {
                opacity: number;
            };
        };
    };
}, {
    readonly icon: "avatar-icon";
    readonly image: "avatar-image";
}, {
    size: string;
}, never, never>, never>;
export declare const ExpandableAvatar: import("@workday/canvas-kit-react/common").ElementComponent<"div", ExpandableAvatarProps>;
//# sourceMappingURL=ExpandableAvatar.d.ts.map