@workday/canvas-kit-react/dist/commonjs/loading-dots/lib/LoadingDots.d.ts

The parent module that contains all Workday Canvas Kit React components

import { CSProps } from '@workday/canvas-kit-styling';
export interface LoadingDotsProps extends CSProps {
    /**
     * Applies backgroundColor to loading dots, intended for use with the circle variant design on grey/dark/image-based backgrounds.
     * @default `system.color.bg.alt.strong`
     */
    loadingDotColor?: string;
    /**
     * Duration of the loading animation in milliseconds.
     * @default `40ms`
     */
    animationDurationMs?: string;
    variant?: 'inverse';
}
export declare const loadingDotsStencil: import("@workday/canvas-kit-styling").Stencil<{
    variant: {
        inverse: ({ loadingDotColor, loadingAnimationDotPart }: {
            animationDurationMs: `--${string}`;
            loadingDotColor: `--${string}`;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly loadingAnimationDot: "loading-animation-dot";
        }>) => {
            "[data-part=\"loading-animation-dot\"]": {
                backgroundColor: `var(--cnvs-sys-color-bg-default, var(--${string}))`;
            };
        };
    };
}, {
    readonly loadingAnimationDot: "loading-animation-dot";
}, {
    animationDurationMs: string;
    loadingDotColor: "--cnvs-sys-color-bg-muted-strong";
}, never, never>;
/**
 * A simple component that displays three horizontal dots, to be used when some data is loading.
 */
export declare const LoadingDots: import("@workday/canvas-kit-react/common").ElementComponent<"div", LoadingDotsProps>;
//# sourceMappingURL=LoadingDots.d.ts.map