goobs-frontend/dist/theme/stepper.d.ts

A comprehensive React-based libary for building modern web applications

import { default as React } from 'react';
export interface StepperTheme {
    /** Main container styling */
    container: React.CSSProperties;
    /** Sacred decorative glyph styling */
    sacredGlyph: React.CSSProperties;
    /** Stepper container styling */
    stepperContainer: React.CSSProperties;
    /** Individual step container styling */
    stepContainer: React.CSSProperties;
    /** Step content wrapper styling */
    stepContent: React.CSSProperties;
    /** Step icon container styling */
    stepIconContainer: React.CSSProperties;
    /** Step icon container when completed */
    stepIconContainerCompleted: React.CSSProperties;
    /** Step icon container when active */
    stepIconContainerActive: React.CSSProperties;
    /** Step icon container when error */
    stepIconContainerError: React.CSSProperties;
    /** Step icon container when inactive */
    stepIconContainerInactive: React.CSSProperties;
    /** Step button styling */
    stepButton: React.CSSProperties;
    /** Step button hover styling */
    stepButtonHover: React.CSSProperties;
    /** Step button disabled styling */
    stepButtonDisabled: React.CSSProperties;
    /** Info button styling */
    infoButton: React.CSSProperties;
    /** Info button hover styling */
    infoButtonHover: React.CSSProperties;
    /** Horizontal connector styling */
    connector: React.CSSProperties;
    /** Vertical connector styling */
    verticalConnector: React.CSSProperties;
    /** Step icon styling */
    icon: React.CSSProperties;
    /** Error step icon styling */
    errorIcon: React.CSSProperties;
    /** Error step icon hover styling */
    errorIconHover: React.CSSProperties;
    /** Inactive step icon styling */
    inactiveIcon: React.CSSProperties;
    /** Tooltip container styling */
    tooltipContainer: React.CSSProperties;
    /** Tooltip styling */
    tooltip: React.CSSProperties;
    /** Tooltip arrow styling */
    tooltipArrow: React.CSSProperties;
}
export interface StepperStyles {
    /** Theme selection: light, dark, or sacred */
    theme?: 'light' | 'dark' | 'sacred';
    /** Stepper orientation */
    orientation?: 'horizontal' | 'vertical';
    /** Whether to show alternative labels */
    alternativeLabel?: boolean;
    /** Custom container background color */
    containerBackground?: string;
    /** Custom border color */
    borderColor?: string;
    /** Custom border radius */
    borderRadius?: string;
    /** Custom text color */
    textColor?: string;
    /** Custom active color */
    activeColor?: string;
    /** Custom completed color */
    completedColor?: string;
    /** Custom inactive color */
    inactiveColor?: string;
    /** Custom error color */
    errorColor?: string;
    /** Custom connector color */
    connectorColor?: string;
    /** Custom font family */
    fontFamily?: string;
    /** Custom font size */
    fontSize?: string;
    /** Custom font weight */
    fontWeight?: string | number;
    /** Custom animation duration for sacred theme */
    animationDuration?: string;
    /** Custom spacing between steps */
    stepSpacing?: string;
    /** Custom icon size */
    iconSize?: string;
    /** Custom step size */
    stepSize?: string;
}
export declare const getStepperStyles: (styles?: StepperStyles) => StepperTheme;
//# sourceMappingURL=stepper.d.ts.map