react-code-compare/dist/styles.d.ts

A simple and fast text diff viewer component

import { Interpolation } from 'create-emotion';

interface ReactCodeCompareStyles {
    diffContainer?: string;
    diffRemoved?: string;
    diffAdded?: string;
    line?: string;
    highlightedGutter?: string;
    contentText?: string;
    gutter?: string;
    highlightedLine?: string;
    lineNumber?: string;
    marker?: string;
    wordDiff?: string;
    wordAdded?: string;
    wordRemoved?: string;
    codeFoldGutter?: string;
    emptyGutter?: string;
    emptyLine?: string;
    codeFold?: string;
    titleBlock?: string;
    content?: string;
    splitView?: string;
    splitCellLeft?: string;
    splitCellRight?: string;
    xCenterSpacer?: string;
    xOuterSpacer?: string;
    [key: string]: string | undefined;
}
interface ReactCodeCompareStylesVariables {
    diffViewerBackground?: string;
    diffViewerTitleBackground?: string;
    diffViewerColor?: string;
    diffViewerTitleColor?: string;
    diffViewerTitleBorderColor?: string;
    addedBackground?: string;
    addedColor?: string;
    removedBackground?: string;
    removedColor?: string;
    wordAddedBackground?: string;
    wordRemovedBackground?: string;
    addedGutterBackground?: string;
    removedGutterBackground?: string;
    gutterBackground?: string;
    gutterBackgroundDark?: string;
    highlightBackground?: string;
    highlightGutterBackground?: string;
    codeFoldGutterBackground?: string;
    codeFoldBackground?: string;
    emptyLineBackground?: string;
    gutterColor?: string;
    addedGutterColor?: string;
    removedGutterColor?: string;
    codeFoldContentColor?: string;
    xCenterSpacerWidth?: number;
    xOuterSpacerWidth?: number;
}
interface ReactCodeCompareStylesOverride {
    variables?: {
        dark?: ReactCodeCompareStylesVariables;
        light?: ReactCodeCompareStylesVariables;
    };
    diffContainer?: Interpolation;
    diffRemoved?: Interpolation;
    diffAdded?: Interpolation;
    marker?: Interpolation;
    emptyGutter?: Interpolation;
    highlightedLine?: Interpolation;
    lineNumber?: Interpolation;
    highlightedGutter?: Interpolation;
    contentText?: Interpolation;
    gutter?: Interpolation;
    line?: Interpolation;
    wordDiff?: Interpolation;
    wordAdded?: Interpolation;
    wordRemoved?: Interpolation;
    codeFold?: Interpolation;
    codeFoldGutter?: Interpolation;
    codeFoldContent?: Interpolation;
    emptyLine?: Interpolation;
    content?: Interpolation;
    titleBlock?: Interpolation;
    splitView?: Interpolation;
    splitCellLeft?: Interpolation;
    splitCellRight?: Interpolation;
    xSpacer?: Interpolation;
}
declare const _default: (styleOverride: ReactCodeCompareStylesOverride, useDarkTheme?: boolean) => ReactCodeCompareStyles;

export { ReactCodeCompareStyles, ReactCodeCompareStylesOverride, ReactCodeCompareStylesVariables, _default as default };