import { LitElement } from 'lit';
import { Framework, ThemeContext } from '../types';
declare const NAME = "canary-styles";
/**
 * @slot - Default slot
 * @cssprop --canary-color-primary-c - Chroma of primary color
 * @cssprop --canary-color-primary-h - Hue of primary color
 * @cssprop --canary-color-gray-c - Chroma of gray color
 * @cssprop --canary-color-gray-h - Hue of gray color
 * @cssprop --canary-color-backdrop-overlay - Color of backdrop overlay
 * @cssprop --canary-font-family-base - Font family of base
 * @cssprop --canary-font-family-mono - Font family of mono
 */
export declare class CanaryStyles extends LitElement {
    framework: Framework;
    theme: ThemeContext;
    connectedCallback(): void;
    render(): import('lit-html').TemplateResult<1>;
    private _handleThemeChange;
    static styles: import('lit').CSSResult[];
}
declare global {
    interface HTMLElementTagNameMap {
        [NAME]: CanaryStyles;
    }
    namespace JSX {
        interface IntrinsicElements {
            [NAME]: any;
        }
    }
}
export {};