import { GraphConfig } from '@graphysdk/viz-engine/graph-config';

/**
 * Converts a `GraphConfig`'s `themeOverrides` — untyped JSON — to the renderer's typed
 * {@link ThemeOverrides}. Only keys still on the theme contract pass through; leftover stylesheet
 * keys (`legendBackground`, `tooltipBackground`, …) are ignored because `convertTextStyles`
 * already lifts them onto `style.legendItem` / `style.tooltip`. The data half, including the
 * `appearance.textStyle` fonts (resolved against `ctx.fontList` into graph and heading style
 * entries), goes through viz-engine's `convertGraphConfig`.
 */
export declare const convertGraphConfigTheme: (config: GraphConfig) => ThemeOverrides;

/**
 * A partial set of token values layered over a base theme — the shape of leftover chrome
 * overrides. Every token takes its CSS string value.
 */
declare type ThemeOverrides = Partial<ThemeValues>;

/** Every theme token mapped to its resolved CSS string value. */
declare type ThemeValues = Record<keyof typeof vars, string>;

/** CSS custom-property references for every theme token; read at paint sites as `vars.textPrimary`, etc. */
declare const vars: {
    white: `var(--${string})`;
    black: `var(--${string})`;
    transparent: `var(--${string})`;
    gray100: `var(--${string})`;
    gray95: `var(--${string})`;
    gray90: `var(--${string})`;
    gray85: `var(--${string})`;
    gray80: `var(--${string})`;
    gray75: `var(--${string})`;
    gray70: `var(--${string})`;
    gray60: `var(--${string})`;
    gray50: `var(--${string})`;
    gray0: `var(--${string})`;
    grayGradient80: `var(--${string})`;
    green60: `var(--${string})`;
    green50: `var(--${string})`;
    red60: `var(--${string})`;
    red50: `var(--${string})`;
    amber70: `var(--${string})`;
    amber50: `var(--${string})`;
    amber40: `var(--${string})`;
    amber30: `var(--${string})`;
    blue80: `var(--${string})`;
    blue60: `var(--${string})`;
    purple50: `var(--${string})`;
    purple30: `var(--${string})`;
    brand: `var(--${string})`;
    success: `var(--${string})`;
    warning: `var(--${string})`;
    alert: `var(--${string})`;
    textPrimary: `var(--${string})`;
    textSecondary: `var(--${string})`;
    textDisabled: `var(--${string})`;
    iconPrimary: `var(--${string})`;
    iconSecondary: `var(--${string})`;
    iconStickerBackground: `var(--${string})`;
    border100: `var(--${string})`;
    border50: `var(--${string})`;
    border10: `var(--${string})`;
    sunkenBackground: `var(--${string})`;
    defaultBackground: `var(--${string})`;
    raisedBackground: `var(--${string})`;
    overlayBackground: `var(--${string})`;
    overlayBorderGradient: `var(--${string})`;
    graphBackground: `var(--${string})`;
    legendFocusOutlineColor: `var(--${string})`;
    annotationOutlineColor: `var(--${string})`;
    editMenuTriggerIconColor: `var(--${string})`;
    tooltipRowGap: `var(--${string})`;
    editorControlHeight: `var(--${string})`;
    legendSwatchGap: `var(--${string})`;
    headlineRowGap: `var(--${string})`;
    canvasDefault: `var(--${string})`;
    canvasBlue: `var(--${string})`;
    canvasCyan: `var(--${string})`;
    canvasGreen: `var(--${string})`;
    canvasYellow: `var(--${string})`;
    canvasOrange: `var(--${string})`;
    canvasRed: `var(--${string})`;
    canvasPink: `var(--${string})`;
    canvasPurple: `var(--${string})`;
    canvasGray: `var(--${string})`;
    canvasInverse: `var(--${string})`;
    elevationXs: `var(--${string})`;
    elevationSm: `var(--${string})`;
    elevationMd: `var(--${string})`;
    elevationLg: `var(--${string})`;
    radiiXs: `var(--${string})`;
    radiiSm: `var(--${string})`;
    radiiMd: `var(--${string})`;
    radiiLg: `var(--${string})`;
    spaceXxs: `var(--${string})`;
    spaceXs: `var(--${string})`;
    spaceSm: `var(--${string})`;
    spaceMd: `var(--${string})`;
    spaceLg: `var(--${string})`;
    spaceXl: `var(--${string})`;
    zIndexToolbar: `var(--${string})`;
    zIndexToolbarTooltip: `var(--${string})`;
    zIndexToolbarPopover: `var(--${string})`;
    zIndexEditorPopover: `var(--${string})`;
    toolbarBackgroundColor: `var(--${string})`;
    toolbarButtonBackgroundColor: `var(--${string})`;
    toolbarButtonBackgroundColorHovered: `var(--${string})`;
    toolbarButtonBackgroundColorSelected: `var(--${string})`;
    toolbarSeparatorColor: `var(--${string})`;
    fontFamily: `var(--${string})`;
    fontFamilyHeading: `var(--${string})`;
    fontWeightRegular: `var(--${string})`;
    fontWeightMedium: `var(--${string})`;
    fontWeightSemibold: `var(--${string})`;
    fontWeightBold: `var(--${string})`;
    fontWeightExtraBold: `var(--${string})`;
    textScale: `var(--${string})`;
    fontSizeXxs: `var(--${string})`;
    fontSizeXs: `var(--${string})`;
    fontSizeSm: `var(--${string})`;
    fontSizeMd: `var(--${string})`;
    fontSizeLg: `var(--${string})`;
    fontSizeXl: `var(--${string})`;
    fontLineHeightXxs: `var(--${string})`;
    fontLineHeightXs: `var(--${string})`;
    fontLineHeightSm: `var(--${string})`;
    fontLineHeightMd: `var(--${string})`;
    fontLineHeightLg: `var(--${string})`;
    fontLineHeightXl: `var(--${string})`;
    fontSizeEditorBody: `var(--${string})`;
    fontSizeHeadingSm: `var(--${string})`;
    fontSizeHeadingMd: `var(--${string})`;
    fontSizeHeadingLg: `var(--${string})`;
    fontLineHeightEditorBody: `var(--${string})`;
    fontLineHeightHeadingSm: `var(--${string})`;
    fontLineHeightHeadingMd: `var(--${string})`;
    fontLineHeightHeadingLg: `var(--${string})`;
    fontButton: `var(--${string})`;
    fontInput: `var(--${string})`;
    fontInputLabel: `var(--${string})`;
    fontSelectLabel: `var(--${string})`;
    fontSelectDescription: `var(--${string})`;
    fontColorSelectLabel: `var(--${string})`;
    fontMenuTitle: `var(--${string})`;
    fontMenuGroupTitle: `var(--${string})`;
    fontMenuItemLabel: `var(--${string})`;
    fontMenuItemLabelSecondary: `var(--${string})`;
    fontUITooltip: `var(--${string})`;
    fontUITooltipSecondary: `var(--${string})`;
    fontErrorBoundaryTitle: `var(--${string})`;
    fontErrorBoundaryMessage: `var(--${string})`;
    fontTableCell: `var(--${string})`;
    fontTableHeaderCell: `var(--${string})`;
    fontSourceLabel: `var(--${string})`;
    fontSourceLink: `var(--${string})`;
    fontTextEditorH1: `var(--${string})`;
    fontTextEditorH2: `var(--${string})`;
    fontTextEditorH3: `var(--${string})`;
    fontTextEditorH6: `var(--${string})`;
    fontTextEditorBody: `var(--${string})`;
    fontTextEditorLink: `var(--${string})`;
    fontHighlightModeTitle: `var(--${string})`;
    fontHighlightModeSubtitle: `var(--${string})`;
    fontEditorControlLabel: `var(--${string})`;
    fontEditorControlValue: `var(--${string})`;
    fontEditorSectionTitle: `var(--${string})`;
    fontEditorCaption: `var(--${string})`;
};

export { }