@pnp/spfx-controls-react/lib/controls/ProgressStepsIndicator/ProgressStepsIndicatorStyles.d.ts

Reusable React controls for SharePoint Framework solutions

import { ILabelStyles } from '@fluentui/react/lib/Label';
import { IStyle } from '@fluentui/react/lib/Styling';
import { IReadonlyTheme } from '@microsoft/sp-component-base';
export declare const getProgressStepsIndicatorStyles: (themeVariant: IReadonlyTheme, currentStep?: number, totalSteps?: number) => {
    labelStepTitleCurrentStyle: ILabelStyles;
    stackStepsStyles: import("@fluentui/foundation-legacy").IComponentStyles<import("@fluentui/react/lib/Stack").IStackSlots>;
    labelStepStyles: ILabelStyles;
    labelStepTitleStyle: ILabelStyles;
    componentClasses: import("@fluentui/react/lib/Styling").IProcessedStyleSet<{
        bulletCurrent: {
            borderStyle: string;
            borderWidth: number;
            borderColor: string;
            width: number;
            height: number;
            borderRadius: string;
            display: string;
            justifyContent: string;
            horizontalAlign: string;
            zIndex: number;
            backgroundColor: string;
            fontSize: number;
            alignItems: string;
        };
        bulletCompleted: {
            cursor: string;
            width: number;
            height: number;
            borderRadius: string;
            display: string;
            justifyContent: string;
            horizontalAlign: string;
            zIndex: number;
            backgroundColor: string;
            color: string;
            fontSize: number;
            alignItems: string;
        };
        bullet: {
            borderColor: string;
            borderStyle: string;
            borderWidth: number;
            width: number;
            height: number;
            borderRadius: string;
            display: string;
            justifyContent: string;
            alignItems: string;
            horizontalAlign: string;
            verticalAlign: string;
            backgroundColor: string;
            fontSize: number;
            zIndex: number;
        };
        line: IStyle;
    }>;
};
//# sourceMappingURL=ProgressStepsIndicatorStyles.d.ts.map