type CSSVarToken = string;
export interface ViewportTokens {
    padding: {
        topBottom: {
            none: CSSVarToken;
            '2xs': CSSVarToken;
            xs: CSSVarToken;
            sm: CSSVarToken;
            md: CSSVarToken;
            lg: CSSVarToken;
            xl: CSSVarToken;
            '2xl': CSSVarToken;
            '3xl': CSSVarToken;
            '4xl': CSSVarToken;
            '5xl': CSSVarToken;
        };
        leftRight: {
            none: CSSVarToken;
            '2xs': CSSVarToken;
            xs: CSSVarToken;
            sm: CSSVarToken;
            md: CSSVarToken;
            lg: CSSVarToken;
            xl: CSSVarToken;
            '2xl': CSSVarToken;
            '3xl': CSSVarToken;
            '4xl': CSSVarToken;
            '5xl': CSSVarToken;
        };
    };
    spaceBetween: {
        horizontal: {
            none: CSSVarToken;
            '2xs': CSSVarToken;
            xs: CSSVarToken;
            sm: CSSVarToken;
            md: CSSVarToken;
            lg: CSSVarToken;
            xl: CSSVarToken;
            '2xl': CSSVarToken;
            '3xl': CSSVarToken;
            '4xl': CSSVarToken;
            '5xl': CSSVarToken;
        };
        vertical: {
            none: CSSVarToken;
            '2xs': CSSVarToken;
            xs: CSSVarToken;
            sm: CSSVarToken;
            md: CSSVarToken;
            lg: CSSVarToken;
            xl: CSSVarToken;
            '2xl': CSSVarToken;
            '3xl': CSSVarToken;
            '4xl': CSSVarToken;
            '5xl': CSSVarToken;
        };
    };
    typescale: {
        weight: {
            regular: CSSVarToken;
        };
    };
    booleans: {
        sideSheet: {
            radius: CSSVarToken;
        };
        topNavBar: {
            width: CSSVarToken;
        };
        appBar: {
            width: CSSVarToken;
        };
        navDrawer: {
            menuItemLevel2: CSSVarToken;
            padding: CSSVarToken;
        };
        login: {
            radius: CSSVarToken;
            width: CSSVarToken;
            outline: CSSVarToken;
        };
        sysError: {
            width: CSSVarToken;
            imageWidth: CSSVarToken;
        };
        userProfile: {
            width: CSSVarToken;
            textFieldWidth: CSSVarToken;
            radius: CSSVarToken;
            outline: CSSVarToken;
            avatarGroupWidth: CSSVarToken;
        };
        Avatarmenu: {
            radius: CSSVarToken;
            width: CSSVarToken;
            outline: CSSVarToken;
            type: CSSVarToken;
        };
    };
    margin: {
        topNav: CSSVarToken;
        lg: CSSVarToken;
        xl: CSSVarToken;
        '2xl': CSSVarToken;
        '3xl': CSSVarToken;
        '4xl': CSSVarToken;
        '5xl': CSSVarToken;
        '6xl': CSSVarToken;
        '7xl': CSSVarToken;
        '8xl': CSSVarToken;
        '9xl': CSSVarToken;
    };
    radius: {
        none: CSSVarToken;
        '2xs': CSSVarToken;
        xs: CSSVarToken;
        sm: CSSVarToken;
        md: CSSVarToken;
        fullyRounded: CSSVarToken;
    };
    height: {
        md: CSSVarToken;
        lg: CSSVarToken;
        xl: CSSVarToken;
        '2xl': CSSVarToken;
        icons: {
            md: CSSVarToken;
            lg: CSSVarToken;
            xl: CSSVarToken;
        };
        '3xl': CSSVarToken;
        '4xl': CSSVarToken;
        '5xl': CSSVarToken;
        card: {
            vertical: CSSVarToken;
        };
    };
    width: {
        card: {
            stacked: CSSVarToken;
            horizontal: CSSVarToken;
        };
        sideNav: CSSVarToken;
        icon: CSSVarToken;
        screen: CSSVarToken;
    };
    outline: {
        none: CSSVarToken;
        slight: CSSVarToken;
        regular: CSSVarToken;
        considerate: CSSVarToken;
        exaggerated: CSSVarToken;
    };
}
declare const viewportTokens: ViewportTokens;
export default viewportTokens;