type SizeVariant = {
    medium: number;
    small: number;
    large: number;
};
export type SizeTokens = {
    padding: {
        topBottom: {
            none: SizeVariant;
            '2xs': SizeVariant;
            xs: SizeVariant;
            sm: SizeVariant;
            md: SizeVariant;
            lg: SizeVariant;
        };
        leftRight: {
            none: SizeVariant;
            '2xs': SizeVariant;
            xs: SizeVariant;
            sm: SizeVariant;
            md: SizeVariant;
            lg: SizeVariant;
            xl: SizeVariant;
            '2xl': SizeVariant;
        };
    };
    spaceBetween: {
        horizontal: {
            none: SizeVariant;
            '2xs': SizeVariant;
            xs: SizeVariant;
            md: SizeVariant;
            lg: SizeVariant;
            '2xl': SizeVariant;
        };
        vertical: {
            none: SizeVariant;
            '2xs': SizeVariant;
            xs: SizeVariant;
            md: SizeVariant;
            lg: SizeVariant;
        };
    };
    radius: {
        none: SizeVariant;
        xs: SizeVariant;
        sm: SizeVariant;
        md: SizeVariant;
        fullyRounded: SizeVariant;
    };
    icon: SizeVariant;
    height: {
        md: SizeVariant;
        lg: SizeVariant;
        xl: SizeVariant;
        '2xl': SizeVariant;
    };
    width: {
        xl: SizeVariant;
        '2xl': SizeVariant;
    };
    typescale: {
        body: {
            medium: {
                size: SizeVariant;
                height: SizeVariant;
            };
            small: {
                size: SizeVariant;
                height: SizeVariant;
            };
        };
        label: {
            medium: {
                size: SizeVariant;
                height: SizeVariant;
            };
            small: {
                size: SizeVariant;
                height: SizeVariant;
            };
        };
    };
    outline: {
        xs: SizeVariant;
        sm: SizeVariant;
        md: SizeVariant;
        lg: SizeVariant;
        xl: SizeVariant;
    };
    nestedLevel: {
        fixed: SizeVariant;
        lg: SizeVariant;
    };
};
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;
        };
    };
    margin: {
        topNav: CSSVarToken;
        '3xl': CSSVarToken;
        '4xl': CSSVarToken;
        '5xl': CSSVarToken;
        lg: CSSVarToken;
        xl: CSSVarToken;
        '2xl': 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;
    };
}
export {};