@indielayer/ui/lib/composables/useColors.d.ts

Indielayer UI Components with Tailwind CSS build for Vue 3

export type Tone = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950';
export interface ColorPalette {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
    950: string;
}
export type ColorLibrary = Record<string, ColorPalette>;
export interface ColorsProps {
    color?: string;
}
export interface ColorComposition {
    getPalette: (color?: string) => ColorPalette;
    getColorOpacity: (color: string, opacity: number) => string;
}
export declare const useColors: {
    (): ColorComposition;
    props(defaultColor?: string): {
        readonly color: {
            readonly type: StringConstructor;
            readonly default: string | undefined;
        };
    };
};
export type UseColorsProps = ReturnType<typeof useColors.props>;