outlinecss/tokens/design.d.ts

A headless, responsive, and composable CSS framework designed for easy customization.

declare const design: {
    roundness: "0.25rem";
    color: {
        primary: {
            readonly "50": "#e0f2f1";
            readonly "100": "#b2dfdb";
            readonly "200": "#80cbc4";
            readonly "300": "#4db6ac";
            readonly "400": "#26a69a";
            readonly "500": "#009688";
            readonly "600": "#00897b";
            readonly "700": "#00796b";
            readonly "800": "#00695c";
            readonly "900": "#004d40";
            readonly A100: "#a7ffeb";
            readonly A200: "#64ffda";
            readonly A400: "#1de9b6";
            readonly A700: "#00bfa5";
        };
        text: {
            readonly "50": "#f8fafc";
            readonly "100": "#f1f5f9";
            readonly "200": "#e2e8f0";
            readonly "300": "#cfd8e3";
            readonly "400": "#94a3b8";
            readonly "500": "#64748b";
            readonly "600": "#475569";
            readonly "700": "#334155";
            readonly "800": "#1e293b";
            readonly "900": "#0f172a";
        };
        background: "#ffffff";
    };
    spacing: {
        narrow: string;
        regular: string;
        wide: string;
    };
    transition: {
        easing: string;
        duration: string;
    };
};
export type Design = typeof design;
export default design;
//# sourceMappingURL=design.d.ts.map