import { CustomThemeConfig } from 'tailwindcss/types/config';

export type TailwindThemeConfig = Partial<CustomThemeConfig & {
    extend: Partial<CustomThemeConfig>;
}>;
declare const designSystemTheme: {
    colors: {
        primary: {
            10: string;
            20: string;
            30: string;
            40: string;
            50: string;
            60: string;
            70: string;
            80: string;
            90: string;
            100: string;
        };
        content: {
            primary: string;
            secondary: string;
            brand: string;
            inverse: {
                strong: string;
                subtle: string;
            };
            placeholder: string;
        };
        interaction: {
            default: string;
            main: {
                default: string;
                hover: string;
                active: string;
            };
            sub: {
                strong: {
                    default: string;
                };
                medium: {
                    default: string;
                };
                border: {
                    default: string;
                    active: string;
                };
                brand: {
                    subtle: string;
                };
            };
            "sub-medium": string;
            "sub-strong": string;
            "sub-border": string;
            support: {
                hover: string;
                unselected: string;
                selected: string;
                prefilled: string;
                disabled: {
                    subtle: string;
                    medium: string;
                    strong: string;
                };
            };
            muted: {
                brand: {
                    hover: string;
                    active: string;
                };
                generic: {
                    hover: string;
                    active: string;
                };
            };
            "critical-subtle": string;
            "warning-subtle": string;
            "success-subtle": string;
            critical: string;
            warning: string;
            success: string;
        };
        divider: {
            strong: string;
            medium: string;
            subtle: string;
        };
        surface: {
            alt: string;
            default: string;
        };
        background: {
            default: string;
            alt: string;
        };
        text: {
            disabled: {
                strong: string;
            };
        };
        grey: {
            10: string;
            20: string;
            30: string;
            40: string;
            50: string;
            60: string;
            70: string;
            80: string;
            90: string;
            100: string;
        };
        red: {
            10: string;
            20: string;
            30: string;
            40: string;
            50: string;
            60: string;
            70: string;
            80: string;
            90: string;
            100: string;
        };
        blue: {
            10: string;
            20: string;
            30: string;
            40: string;
            50: string;
            60: string;
            70: string;
            80: string;
            90: string;
            100: string;
        };
        green: {
            10: string;
            20: string;
            30: string;
            40: string;
            50: string;
            60: string;
            70: string;
            80: string;
            90: string;
            100: string;
        };
        amber: {
            10: string;
            20: string;
            30: string;
            40: string;
            50: string;
            60: string;
            70: string;
            80: string;
            90: string;
            100: string;
        };
        alertRed: {
            10: string;
            20: string;
            30: string;
            40: string;
            50: string;
            60: string;
            70: string;
            80: string;
            90: string;
            100: string;
        };
        brand: {
            "singpass-red": string;
            "corppass-blue": string;
            white: string;
            black: string;
        };
        transparent: string;
    };
    colCount: {
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
    };
    textColor: {
        primary: {
            10: string;
            20: string;
            30: string;
            40: string;
            50: string;
            60: string;
            70: string;
            80: string;
            90: string;
            100: string;
        };
        content: {
            primary: string;
            secondary: string;
            brand: string;
            inverse: {
                strong: string;
                subtle: string;
            };
            placeholder: string;
        };
        interaction: {
            default: string;
            main: {
                default: string;
                hover: string;
                active: string;
            };
            sub: {
                strong: {
                    default: string;
                };
                medium: {
                    default: string;
                };
                border: {
                    default: string;
                    active: string;
                };
                brand: {
                    subtle: string;
                };
            };
            "sub-medium": string;
            "sub-strong": string;
            "sub-border": string;
            support: {
                hover: string;
                unselected: string;
                selected: string;
                prefilled: string;
                disabled: {
                    subtle: string;
                    medium: string;
                    strong: string;
                };
            };
            muted: {
                brand: {
                    hover: string;
                    active: string;
                };
                generic: {
                    hover: string;
                    active: string;
                };
            };
            "critical-subtle": string;
            "warning-subtle": string;
            "success-subtle": string;
            critical: string;
            warning: string;
            success: string;
        };
        divider: {
            strong: string;
            medium: string;
            subtle: string;
        };
        surface: {
            alt: string;
            default: string;
        };
        background: {
            default: string;
            alt: string;
        };
        text: {
            disabled: {
                strong: string;
            };
        };
        grey: {
            10: string;
            20: string;
            30: string;
            40: string;
            50: string;
            60: string;
            70: string;
            80: string;
            90: string;
            100: string;
        };
        red: {
            10: string;
            20: string;
            30: string;
            40: string;
            50: string;
            60: string;
            70: string;
            80: string;
            90: string;
            100: string;
        };
        blue: {
            10: string;
            20: string;
            30: string;
            40: string;
            50: string;
            60: string;
            70: string;
            80: string;
            90: string;
            100: string;
        };
        green: {
            10: string;
            20: string;
            30: string;
            40: string;
            50: string;
            60: string;
            70: string;
            80: string;
            90: string;
            100: string;
        };
        amber: {
            10: string;
            20: string;
            30: string;
            40: string;
            50: string;
            60: string;
            70: string;
            80: string;
            90: string;
            100: string;
        };
        alertRed: {
            10: string;
            20: string;
            30: string;
            40: string;
            50: string;
            60: string;
            70: string;
            80: string;
            90: string;
            100: string;
        };
        brand: {
            "singpass-red": string;
            "corppass-blue": string;
            white: string;
            black: string;
        };
        transparent: string;
    };
    divideColor: {
        default: string;
    };
    extend: {
        transitionTimingFunction: {
            default: string;
            popover: string;
        };
        transitionDuration: {
            default: string;
            popover: string;
        };
        fontFamily: {
            sans: string[];
            serif: string[];
            code: string[];
        };
        screens: {
            desktop: string;
            tablet: string;
            mobile: string;
            lg: string;
            md: string;
            sm: string;
        };
        fontSize: Record<string, [string, string]>;
        flex: {
            "2": string;
        };
        zIndex: {
            hidden: string;
            docked: string;
            dropdown: string;
            sticky: string;
            banner: string;
            overlay: string;
            modal: string;
            popover: string;
            toast: string;
            tooltip: string;
        };
        spacing: {
            "144": string;
            "192": string;
        };
        borderWidth: {
            "1": string;
        };
        boxShadow: {
            default: string;
        };
    };
};
export declare const theme: TailwindThemeConfig;
export type DesignSystemTheme = Omit<typeof designSystemTheme, "extend"> & (typeof designSystemTheme)["extend"];
export {};
