import { Palette } from '@mui/material/styles';
import { ThemeColors } from './colourTheme';
export interface DesignTokens {
    stateLayers: {
        interactiveSurface: string;
        interactiveHover: string;
        interactiveStrong: string;
        interactiveSelected: string;
        brandSurface: string;
        fileUploadGlow: string;
        backdrop: string;
    };
    elevation: {
        card: string;
        popover: string;
        fileUploadHover: string;
        fileUploadBadge: string;
        fileUploadButton: string;
    };
    borders: {
        subtle: string;
        strong: string;
        focus: string;
    };
    dimensions: {
        checkboxSize: string;
        checkboxIconSize: string;
        checkboxGap: string;
        floatingRadius: string;
        loaderSize: string;
        inlineLoaderSize: string;
        fileUploadGlowInset: string;
        fileUploadMinHeight: string;
        fileUploadWidth: string;
        fileUploadIconSize: string;
        fileUploadButtonHeight: string;
        fileUploadButtonPaddingX: string;
        fileUploadHeadingSize: string;
        modalMaxWidth: string;
        modalGutter: string;
        modalPadding: string;
        modalMobilePadding: string;
        modalSectionGap: string;
    };
}
interface CreateDesignTokensOptions {
    colors: ThemeColors;
    palette: Palette;
    darkTheme: boolean;
}
export declare const createDesignTokens: ({ colors, palette, darkTheme }: CreateDesignTokensOptions) => DesignTokens;
export {};
