import { LitElement } from 'lit';
export type ColorFamily = 'brand' | 'accent' | 'gray' | 'information' | 'danger' | 'success' | 'base';
export type ColorShade = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950' | 'light' | 'dark';
export type ColorText = 'dark' | 'light';
export declare class ColorSwatch extends LitElement {
    color: ColorFamily;
    shade: ColorShade;
    name: string;
    text: ColorText;
    oklch: string;
    hex: string;
    static styles: import('lit').CSSResult[];
    render(): import('lit').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'gv-color-swatch': ColorSwatch;
    }
}
//# sourceMappingURL=ColorSwatch.d.ts.map