import { ShadowDesignToken } from '@shoptet/tokens';
export declare const colors: {
    light: {
        background: {
            blue: {
                low: {
                    default: any;
                };
            };
            controls: {
                low: {
                    default: any;
                    hovered: any;
                };
                medium: {
                    default: any;
                    hovered: any;
                    selected: any;
                };
            };
            main: {
                medium: {
                    default: any;
                    hovered: any;
                    selected: any;
                };
            };
            neutral: {
                full: {
                    default: any;
                };
                strong: {
                    default: any;
                };
                xHigh: {
                    default: any;
                    hovered: any;
                };
                high: {
                    default: any;
                };
                low: {
                    default: any;
                    hovered: any;
                };
                base: {
                    default: any;
                };
            };
            notice: {
                medium: {
                    default: any;
                };
                high: {
                    default: any;
                    hovered: any;
                };
            };
            informative: {
                low: {
                    default: any;
                };
                high: {
                    default: any;
                };
                xHigh: {
                    default: any;
                };
                strong: {
                    default: any;
                };
            };
            success: {
                low: {
                    default: any;
                };
                high: {
                    default: any;
                };
                xHigh: {
                    hovered: any;
                };
            };
            warning: {
                low: {
                    default: any;
                };
                medium: {
                    default: any;
                };
                high: {
                    default: any;
                    hovered: any;
                };
            };
            critical: {
                low: {
                    default: any;
                };
                high: {
                    default: any;
                    hovered: any;
                };
                xHigh: {
                    default: any;
                    hovered: any;
                };
            };
        };
        foreground: {
            blue: {
                medium: {
                    default: any;
                };
            };
            green: {
                medium: {
                    default: any;
                };
            };
            controls: {
                medium: {
                    default: any;
                    hovered: any;
                    selected: any;
                };
            };
            notice: {
                medium: {
                    default: any;
                };
            };
            warning: {
                medium: {
                    default: any;
                };
            };
            main: {
                medium: {
                    default: any;
                    hovered: any;
                };
            };
            critical: {
                high: {
                    default: any;
                    hovered: any;
                };
            };
            success: {
                high: {
                    default: any;
                };
            };
            superadmin: {
                high: {
                    default: any;
                    hovered: any;
                };
            };
            links: {
                strong: {
                    default: any;
                    hovered: any;
                };
            };
            neutral: {
                low: {
                    default: any;
                };
                medium: {
                    default: any;
                };
                high: {
                    default: any;
                };
                full: {
                    default: any;
                    hovered: any;
                };
            };
            informative: {
                strong: {
                    default: any;
                };
            };
        };
        border: {
            controls: {
                low: {
                    default: any;
                };
                medium: {
                    default: any;
                    hovered: any;
                    selected: any;
                };
            };
            success: {
                high: {
                    default: any;
                };
            };
            main: {
                medium: {
                    default: any;
                    hovered: any;
                };
            };
            neutral: {
                low: {
                    default: any;
                };
                medium: {
                    default: any;
                };
                high: {
                    default: any;
                };
                full: {
                    hovered: any;
                };
            };
            notice: {
                medium: {
                    default: any;
                };
            };
            blue: {
                medium: {
                    default: any;
                };
            };
            warning: {
                medium: {
                    default: any;
                };
            };
            critical: {
                high: {
                    default: any;
                    hovered: any;
                };
            };
            links: {
                strong: {
                    default: any;
                };
            };
            informative: {
                strong: {
                    default: any;
                };
            };
        };
        shadow: {
            focus: ShadowDesignToken;
            high: {
                soft: ShadowDesignToken;
                sharp: ShadowDesignToken;
            };
            medium: {
                soft: ShadowDesignToken;
                sharp: ShadowDesignToken;
            };
            low: {
                soft: ShadowDesignToken;
                sharp: ShadowDesignToken;
            };
        };
        blend: {
            solid: any;
            low: any;
            medium: any;
            high: any;
            strong: any;
            full: any;
        };
    };
    dark: {
        background: {
            blue: {
                low: {
                    default: any;
                };
            };
            controls: {
                low: {
                    default: any;
                    hovered: any;
                };
                medium: {
                    default: any;
                    hovered: any;
                    selected: any;
                };
            };
            main: {
                medium: {
                    default: any;
                    hovered: any;
                    selected: any;
                };
            };
            neutral: {
                full: {
                    default: any;
                };
                strong: {
                    default: any;
                };
                xHigh: {
                    default: any;
                };
                high: {
                    default: any;
                };
                low: {
                    default: any;
                    hovered: any;
                };
                base: {
                    default: any;
                };
            };
            notice: {
                medium: {
                    default: any;
                };
                high: {
                    default: any;
                };
            };
            informative: {
                low: {
                    default: any;
                };
                high: {
                    default: any;
                };
                xHigh: {
                    default: any;
                };
            };
            success: {
                low: {
                    default: any;
                };
                high: {
                    default: any;
                };
            };
            warning: {
                low: {
                    default: any;
                };
                medium: {
                    default: any;
                };
                high: {
                    default: any;
                };
            };
            critical: {
                low: {
                    default: any;
                };
                high: {
                    default: any;
                    hovered: any;
                };
                xHigh: {
                    default: any;
                };
            };
        };
        foreground: {
            blue: {
                medium: {
                    default: any;
                };
            };
            green: {
                medium: {
                    default: any;
                };
            };
            controls: {
                medium: {
                    default: any;
                    hovered: any;
                    selected: any;
                };
            };
            notice: {
                medium: {
                    default: any;
                };
            };
            warning: {
                medium: {
                    default: any;
                };
            };
            main: {
                medium: {
                    default: any;
                    hovered: any;
                };
            };
            critical: {
                high: {
                    default: any;
                    hovered: any;
                };
            };
            success: {
                high: {
                    default: any;
                };
            };
            superadmin: {
                high: {
                    default: any;
                    hovered: any;
                };
            };
            links: {
                strong: {
                    default: any;
                    hovered: any;
                };
            };
            neutral: {
                low: {
                    default: any;
                };
                medium: {
                    default: any;
                };
                high: {
                    default: any;
                };
                full: {
                    default: any;
                    hovered: any;
                };
            };
            informative: {
                strong: {
                    default: any;
                };
            };
        };
        border: {
            controls: {
                low: {
                    default: any;
                };
                medium: {
                    default: any;
                    hovered: any;
                    selected: any;
                };
            };
            success: {
                high: {
                    default: any;
                };
            };
            main: {
                medium: {
                    default: any;
                    hovered: any;
                };
            };
            neutral: {
                low: {
                    default: any;
                };
                medium: {
                    default: any;
                };
                high: {
                    default: any;
                };
                full: {
                    hovered: any;
                };
            };
            notice: {
                medium: {
                    default: any;
                };
            };
            blue: {
                medium: {
                    default: any;
                };
            };
            warning: {
                medium: {
                    default: any;
                };
            };
            critical: {
                high: {
                    default: any;
                    hovered: any;
                };
            };
            links: {
                strong: {
                    default: any;
                };
            };
            informative: {
                strong: {
                    default: any;
                };
            };
        };
        shadow: {
            down: ShadowDesignToken;
            focus: ShadowDesignToken;
            up: ShadowDesignToken;
            high: {
                primary: ShadowDesignToken;
                secondary: ShadowDesignToken;
            };
            low: {
                primary: ShadowDesignToken;
                secondary: ShadowDesignToken;
            };
        };
        blend: {
            solid: any;
            low: any;
            medium: any;
            high: any;
            strong: any;
            full: any;
        };
    };
};
export declare const dimensions: {
    readonly default: {
        readonly screen: {
            readonly width: {
                readonly default: any;
                readonly sm: any;
                readonly md: any;
                readonly lg: any;
                readonly xl: any;
                readonly xxl: any;
            };
        };
        readonly tweak: {
            readonly 0: any;
            readonly 100: any;
            readonly 125: any;
            readonly 200: any;
            readonly 250: any;
            readonly 300: any;
            readonly 333: any;
            readonly 400: any;
            readonly 500: any;
            readonly 600: any;
            readonly 666: any;
            readonly 700: any;
            readonly 750: any;
            readonly 800: any;
            readonly 900: any;
            readonly 1000: any;
            readonly 2000: any;
            readonly 3000: any;
            readonly 4000: any;
            readonly 5000: any;
            readonly 6000: any;
            readonly 7000: any;
            readonly neg7000: any;
            readonly neg6000: any;
            readonly neg5000: any;
            readonly neg4000: any;
            readonly neg3000: any;
            readonly neg2000: any;
            readonly neg1000: any;
            readonly neg900: any;
            readonly neg800: any;
            readonly neg750: any;
            readonly neg700: any;
            readonly neg666: any;
            readonly neg600: any;
            readonly neg500: any;
            readonly neg400: any;
            readonly neg333: any;
            readonly neg300: any;
            readonly neg250: any;
            readonly neg200: any;
            readonly neg125: any;
            readonly neg100: any;
        };
        readonly gap: Record<"line" | "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "4xl" | "2xl", any>;
        readonly padding: Record<"line" | "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "4xl" | "2xl", any>;
        readonly margin: Record<"line" | "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "4xl" | "2xl", any>;
        readonly borderRadius: {
            readonly button: any;
            readonly formField: any;
            readonly checkboxField: any;
            readonly line: any;
            readonly none: any;
            readonly xxs: any;
            readonly xs: any;
            readonly sm: any;
            readonly md: any;
            readonly lg: any;
            readonly xl: any;
            readonly "3xl": any;
            readonly "4xl": any;
            readonly "2xl": any;
        };
        readonly borderWidth: Record<"line" | "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "4xl" | "2xl", any>;
        readonly offset: Record<"line" | "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "4xl" | "2xl", any>;
        readonly size: {
            readonly formField: any;
            readonly line: any;
            readonly none: any;
            readonly xxs: any;
            readonly xs: any;
            readonly sm: any;
            readonly md: any;
            readonly lg: any;
            readonly xl: any;
            readonly "3xl": any;
            readonly "4xl": any;
            readonly "2xl": any;
        };
        readonly elevation: {
            readonly default: any;
            readonly overlay: any;
            readonly sidebar: any;
            readonly header: any;
            readonly modal: any;
            readonly loader: any;
        };
    };
    readonly sm: {};
};
export declare const typography: {
    default: {
        fontFamily: {
            icons: any;
            numbers: any;
            display: any;
            headline: any;
            title: any;
            body: any;
            strong: any;
            label: any;
            controls: any;
            navigation: any;
            caption: any;
            monospace: any;
        };
        fontSize: {
            numbers: {
                large: any;
                medium: any;
                small: any;
            };
            display: {
                large: any;
                medium: any;
                small: any;
            };
            headline: {
                h1: any;
                h2: any;
                h3: any;
                h4: any;
                h5: any;
            };
            title: {
                large: any;
                medium: any;
                small: any;
            };
            label: {
                large: any;
                medium: any;
                small: any;
            };
            controls: {
                large: any;
                medium: any;
                small: any;
            };
            navigation: {
                large: any;
                medium: any;
                small: any;
            };
            body: {
                large: any;
                medium: any;
                small: any;
            };
            strong: {
                large: any;
                medium: any;
                small: any;
            };
            caption: {
                large: any;
                medium: any;
                small: any;
            };
            monospace: {
                large: any;
                medium: any;
                small: any;
            };
        };
        lineHeight: {
            numbers: {
                large: any;
                medium: any;
                small: any;
            };
            display: {
                large: any;
                medium: any;
                small: any;
            };
            headline: {
                h1: any;
                h2: any;
                h3: any;
                h4: any;
                h5: any;
            };
            title: {
                large: any;
                medium: any;
                small: any;
            };
            label: {
                large: any;
                medium: any;
                small: any;
            };
            controls: {
                large: any;
                medium: any;
                small: any;
            };
            navigation: {
                large: any;
                medium: any;
                small: any;
            };
            body: {
                large: any;
                medium: any;
                small: any;
            };
            strong: {
                large: any;
                medium: any;
                small: any;
            };
            caption: {
                large: any;
                medium: any;
                small: any;
            };
            monospace: {
                large: any;
                medium: any;
                small: any;
            };
        };
        fontWeight: {
            numbers: {
                large: any;
                medium: any;
                small: any;
            };
            display: {
                large: any;
                medium: any;
                small: any;
            };
            headline: {
                h1: any;
                h2: any;
                h3: any;
                h4: any;
                h5: any;
            };
            title: {
                large: any;
                medium: any;
                small: any;
            };
            label: {
                large: any;
                medium: any;
                small: any;
            };
            controls: {
                large: any;
                medium: any;
                small: any;
            };
            navigation: {
                large: {
                    default: any;
                    selected: any;
                };
                medium: {
                    default: any;
                    selected: any;
                };
                small: {
                    default: any;
                    selected: any;
                };
            };
            body: {
                large: any;
                medium: any;
                small: any;
            };
            strong: {
                large: any;
                medium: any;
                small: any;
            };
            caption: {
                large: any;
                medium: any;
                small: any;
            };
            monospace: {
                large: any;
                medium: any;
                small: any;
            };
        };
        letterSpacing: {
            numbers: {
                large: any;
                medium: any;
                small: any;
            };
            display: {
                large: any;
                medium: any;
                small: any;
            };
            headline: {
                h1: any;
                h2: any;
                h3: any;
                h4: any;
                h5: any;
            };
            title: {
                large: any;
                medium: any;
                small: any;
            };
            label: {
                large: any;
                medium: any;
                small: any;
            };
            controls: {
                large: any;
                medium: any;
                small: any;
            };
            navigation: {
                large: any;
                medium: any;
                small: any;
            };
            body: {
                large: any;
                medium: any;
                small: any;
            };
            strong: {
                large: any;
                medium: any;
                small: any;
            };
            caption: {
                large: any;
                medium: any;
                small: any;
            };
            monospace: {
                large: any;
                medium: any;
                small: any;
            };
        };
        fontStyle: {
            italic: any;
            normal: any;
        };
    };
    sm: {
        fontSize: {
            headline: {
                h1: any;
            };
        };
        lineHeight: {
            headline: {
                h1: any;
            };
        };
        fontWeight: {
            headline: {
                h1: any;
            };
        };
        letterSpacing: {
            headline: {
                h1: any;
            };
        };
    };
};