import type { ColorScheme, ThemeVars } from '@coinbase/cds-common/core/theme';
import type { Property } from 'csstype';
export type ThemeConfig = {
  /** A unique identifier for the theme. Must be a valid CSS class name. */
  id?: string;
  /** The light spectrum color values. */
  lightSpectrum?: {
    [key in ThemeVars.SpectrumColor]: string;
  };
  /** The dark spectrum color values. */
  darkSpectrum?: {
    [key in ThemeVars.SpectrumColor]: string;
  };
  /** The light color palette. */
  lightColor?: {
    [key in ThemeVars.Color]: Property.Color;
  };
  /** The dark color palette. */
  darkColor?: {
    [key in ThemeVars.Color]: Property.Color;
  };
  /** The space values, used for margin and padding. */
  space: {
    [key in ThemeVars.Space]: number;
  };
  /** The icon size values. */
  iconSize: {
    [key in ThemeVars.IconSize]: number;
  };
  /** The avatar size values. */
  avatarSize: {
    [key in ThemeVars.AvatarSize]: number;
  };
  /** The border width values. */
  borderWidth: {
    [key in ThemeVars.BorderWidth]: number;
  };
  /** The border radius values. */
  borderRadius: {
    [key in ThemeVars.BorderRadius]: number;
  };
  /** The font family values. */
  fontFamily: {
    [key in ThemeVars.FontFamily]: Property.FontFamily;
  };
  /** The font family values for monospace fonts. */
  fontFamilyMono?: {
    [key in ThemeVars.FontFamily]: Property.FontFamily;
  };
  /** The font size values. */
  fontSize: {
    [key in ThemeVars.FontSize]: Property.FontSize;
  };
  /** The font weight values. */
  fontWeight: {
    [key in ThemeVars.FontWeight]: Property.FontWeight;
  };
  /** The line height values. */
  lineHeight: {
    [key in ThemeVars.LineHeight]: Property.LineHeight;
  };
  /** The text transform values. */
  textTransform: {
    [key in ThemeVars.TextTransform]: Property.TextTransform;
  };
  /** The shadow values. */
  shadow: {
    [key in ThemeVars.Shadow]: Property.BoxShadow;
  };
  /** The control size values. */
  controlSize: {
    [key in ThemeVars.ControlSize]: number;
  };
};
export type Theme = ThemeConfig & {
  /** The currently active color scheme for the parent ThemeProvider, either "light" or "dark". */
  activeColorScheme: ColorScheme;
  /** The light or dark spectrum color values, as appropriate based on the activeColorScheme. */
  spectrum: {
    [key in ThemeVars.SpectrumColor]: string;
  };
  /** The light or dark color palette, as appropriate based on the activeColorScheme. */
  color: {
    [key in ThemeVars.Color]: Property.Color;
  };
};
/** Maps our StyleVars to their CSS variable prefixes. For example, the names of CSS vars generated from `iconSize` vars will be prefixed with `--iconSize-`. */
export declare const styleVarPrefixes: {
  readonly lightSpectrum: 'light';
  readonly darkSpectrum: 'dark';
  readonly lightColor: 'lightColor';
  readonly darkColor: 'darkColor';
  readonly spectrum: '';
  readonly color: 'color';
  readonly space: 'space';
  readonly iconSize: 'iconSize';
  readonly avatarSize: 'avatarSize';
  readonly borderWidth: 'borderWidth';
  readonly borderRadius: 'borderRadius';
  readonly fontFamily: 'fontFamily';
  readonly fontFamilyMono: 'fontFamilyMono';
  readonly fontSize: 'fontSize';
  readonly fontWeight: 'fontWeight';
  readonly lineHeight: 'lineHeight';
  readonly textTransform: 'textTransform';
  readonly shadow: 'shadow';
  readonly controlSize: 'controlSize';
};
/** Used to generate intellisense via ThemeCSSVars below. */
type ThemeObjectCssVars = {
  spectrum: {
    [key in ThemeVars.SpectrumColor as `--${key}`]: string;
  };
  color: {
    [key in ThemeVars.Color as `--${typeof styleVarPrefixes.color}-${key}`]: Property.Color;
  };
  space: {
    [key in ThemeVars.Space as `--${typeof styleVarPrefixes.space}-${key}`]: Property.Padding;
  };
  iconSize: {
    [key in ThemeVars.IconSize as `--${typeof styleVarPrefixes.iconSize}-${key}`]: Property.Width;
  };
  avatarSize: {
    [key in ThemeVars.AvatarSize as `--${typeof styleVarPrefixes.avatarSize}-${key}`]: Property.Width;
  };
  borderWidth: {
    [key in ThemeVars.BorderWidth as `--${typeof styleVarPrefixes.borderWidth}-${key}`]: Property.BorderWidth;
  };
  borderRadius: {
    [key in ThemeVars.BorderRadius as `--${typeof styleVarPrefixes.borderRadius}-${key}`]: Property.BorderRadius;
  };
  fontFamily: {
    [key in ThemeVars.FontFamily as `--${typeof styleVarPrefixes.fontFamily}-${key}`]: Property.FontFamily;
  };
  fontSize: {
    [key in ThemeVars.FontSize as `--${typeof styleVarPrefixes.fontSize}-${key}`]: Property.FontSize;
  };
  fontWeight: {
    [key in ThemeVars.FontWeight as `--${typeof styleVarPrefixes.fontWeight}-${key}`]: Property.FontWeight;
  };
  lineHeight: {
    [key in ThemeVars.LineHeight as `--${typeof styleVarPrefixes.lineHeight}-${key}`]: Property.LineHeight;
  };
  textTransform: {
    [key in ThemeVars.TextTransform as `--${typeof styleVarPrefixes.textTransform}-${key}`]: Property.TextTransform;
  };
  shadow: {
    [key in ThemeVars.Shadow as `--${typeof styleVarPrefixes.shadow}-${key}`]: Property.BoxShadow;
  };
  controlSize: {
    [key in ThemeVars.ControlSize as `--${typeof styleVarPrefixes.controlSize}-${key}`]: Property.Width;
  };
};
type UnionToIntersection<U> = (U extends unknown ? (x: U) => void : never) extends (
  x: infer I,
) => void
  ? I
  : never;
/** A flat object of the CSS variable names of all themeable vars, based on the Theme type. */
export type ThemeCSSVars = UnionToIntersection<ThemeObjectCssVars[keyof ThemeObjectCssVars]>;
export {};
//# sourceMappingURL=theme.d.ts.map