import { PaletteModes } from '@allenai/varnish-theme/mui';

/**
 * Palette builder: maps varnish-theme design tokens to MUI palette options for light/dark modes.
 * @see https://mui.com/material-ui/customization/palette/
 */

declare const buildPalette: (mode: PaletteModes) => {
    mode: "light" | "dark";
    primary: {
        main: "rgba(240, 82, 156, 1)";
        contrastText: "rgba(250, 242, 233, 1)";
        hovered: {
            fill: "rgba(243, 117, 176, 1)";
            stroke: "rgba(240, 82, 156, 1)";
        };
        stroke: "rgba(246, 151, 196, 1)";
        contrastReversed: "rgba(250, 242, 233, 1)";
        text: "rgba(3, 38, 41, 1)";
    };
    secondary: {
        main: "rgba(15, 203, 140, 1)";
        contrastText: "rgba(3, 38, 41, 1)";
        hovered: {
            fill: "rgba(63, 213, 163, 1)";
            stroke: "rgba(15, 203, 140, 1)";
        };
        stroke: "rgba(159, 234, 209, 1)";
        contrastReversed: "rgba(3, 38, 41, 1)";
    };
    tertiary: {
        hovered: {
            fill: "rgba(193, 73, 237, 1)";
            stroke: "rgba(177, 27, 232, 1)";
        };
        stroke: "rgba(208, 118, 241, 1)";
        contrastReversed: "rgba(250, 242, 233, 1)";
        light: string;
        main: string;
        dark: string;
        contrastText: string;
        reversed?: string | undefined;
        text?: string | undefined;
    };
    default: {
        hovered: {
            fill: "rgba(250, 242, 233, 0.8)" | "rgba(16, 82, 87, 0.8)";
            stroke: "rgba(250, 242, 233, 1)" | "rgba(16, 82, 87, 1)";
        };
        stroke: "rgba(250, 242, 233, 0.4)" | "rgba(16, 82, 87, 0.4)";
        contrastReversed: "rgba(3, 38, 41, 1)" | "rgba(250, 242, 233, 1)";
        light: string;
        main: string;
        dark: string;
        contrastText: string;
        reversed?: string | undefined;
        text?: string | undefined;
    };
    error: {
        main: "rgba(253, 70, 69, 1)";
        contrastText: "rgba(250, 242, 233, 1)";
        hovered: {
            fill: "rgba(253, 107, 106, 1)";
            stroke: "rgba(253, 70, 69, 1)";
        };
        stroke: "rgba(254, 144, 143, 1)";
        contrastReversed: "rgba(250, 242, 233, 1)";
    };
    warning: {
        main: "rgba(255, 163, 28, 1)";
        contrastText: "rgba(3, 38, 41, 1)";
        hovered: {
            fill: "rgba(255, 181, 73, 1)";
            stroke: "rgba(255, 163, 28, 1)";
        };
        stroke: "rgba(255, 200, 119, 1)";
        contrastReversed: "rgba(3, 38, 41, 1)";
    };
    info: {
        main: "rgba(42, 136, 239, 1)";
        contrastText: "rgba(3, 38, 41, 1)";
        hovered: {
            fill: "rgba(85, 160, 242, 1)";
            stroke: "rgba(42, 136, 239, 1)";
        };
        stroke: "rgba(127, 184, 245, 1)";
        contrastReversed: "rgba(3, 38, 41, 1)";
    };
    success: {
        main: "rgba(84, 156, 53, 1)";
        contrastText: "rgba(250, 242, 233, 1)";
        hovered: {
            fill: "rgba(118, 176, 93, 1)";
            stroke: "rgba(84, 156, 53, 1)";
        };
        stroke: "rgba(152, 196, 134, 1)";
        contrastReversed: "rgba(250, 242, 233, 1)";
    };
    grey: {
        50: "rgba(235, 235, 235, 1)";
        100: "rgba(235, 235, 235, 1)";
        200: "rgba(194, 194, 194, 1)";
        300: "rgba(194, 194, 194, 1)";
        400: "rgba(153, 153, 153, 1)";
        500: "rgba(153, 153, 153, 1)";
        600: "rgba(153, 153, 153, 1)";
        700: "rgba(93, 93, 93, 1)";
        800: "rgba(93, 93, 93, 1)";
        900: "rgba(93, 93, 93, 1)";
        A100: "rgba(235, 235, 235, 1)";
        A200: "rgba(194, 194, 194, 1)";
        A400: "rgba(153, 153, 153, 1)";
        A700: "rgba(93, 93, 93, 1)";
    };
    text: {
        primary: "rgba(10, 50, 53, 1)" | "rgba(250, 242, 233, 1)";
        reversed: "rgba(10, 50, 53, 1)" | "rgba(250, 242, 233, 1)";
        placeholder: "rgba(250, 242, 233, 0.5)" | "rgba(133, 133, 133, 1)";
        placeholder55: "rgba(250, 242, 233, 0.55)" | "rgba(113, 113, 113, 1)";
        disabled: "rgba(133, 133, 133, 1)";
        error: "rgba(254, 144, 143, 1)" | "rgba(253, 70, 69, 1)";
    };
    divider: "rgba(3, 38, 41, 0.2)" | "rgba(250, 242, 233, 0.2)";
    background: {
        default: "rgba(3, 38, 41, 1)" | "rgba(250, 242, 233, 1)";
        paper: "rgba(3, 38, 41, 1)" | "rgba(250, 242, 233, 1)";
        reversed: "rgba(3, 38, 41, 1)" | "rgba(250, 242, 233, 1)";
        opacity4: {
            default: "rgba(3, 38, 41, 0.04)" | "rgba(250, 242, 233, 0.04)";
            reversed: "rgba(3, 38, 41, 0.04)" | "rgba(250, 242, 233, 0.04)";
        };
        opacity10: {
            default: "rgba(3, 38, 41, 0.1)" | "rgba(250, 242, 233, 0.1)";
            reversed: "rgba(3, 38, 41, 0.1)" | "rgba(250, 242, 233, 0.1)";
        };
        opacity20: {
            default: "rgba(3, 38, 41, 0.2)" | "rgba(250, 242, 233, 0.2)";
            reversed: "rgba(3, 38, 41, 0.2)" | "rgba(250, 242, 233, 0.2)";
        };
        opacity30: {
            default: "rgba(3, 38, 41, 0.3)" | "rgba(250, 242, 233, 0.3)";
            reversed: "rgba(3, 38, 41, 0.3)" | "rgba(250, 242, 233, 0.3)";
        };
        opacity40: {
            default: "rgba(3, 38, 41, 0.4)" | "rgba(250, 242, 233, 0.4)";
            reversed: "rgba(3, 38, 41, 0.4)" | "rgba(250, 242, 233, 0.4)";
        };
        opacity50: {
            default: "rgba(3, 38, 41, 0.5)" | "rgba(250, 242, 233, 0.5)";
            reversed: "rgba(3, 38, 41, 0.5)" | "rgba(250, 242, 233, 0.5)";
        };
        opacity60: {
            default: "rgba(3, 38, 41, 0.6)" | "rgba(250, 242, 233, 0.6)";
            reversed: "rgba(10, 50, 53, 0.6)" | "rgba(250, 242, 233, 0.6)";
        };
        opacity70: {
            default: "rgba(3, 38, 41, 0.7)" | "rgba(250, 242, 233, 0.7)";
            reversed: "rgba(3, 38, 41, 0.7)" | "rgba(250, 242, 233, 0.7)";
        };
        opacity80: {
            default: "rgba(3, 38, 41, 0.8)" | "rgba(250, 242, 233, 0.8)";
            reversed: "rgba(3, 38, 41, 0.8)" | "rgba(250, 242, 233, 0.8)";
        };
        opacity90: {
            default: "rgba(3, 38, 41, 0.9)" | "rgba(250, 242, 233, 0.9)";
            reversed: "rgba(3, 38, 41, 0.9)" | "rgba(250, 242, 233, 0.9)";
        };
    };
    common: {
        white: "rgba(255, 255, 255, 1)";
        black: "rgba(0, 0, 0, 1)";
    };
    stroke: {
        opacity4: {
            default: "rgba(3, 38, 41, 0.04)" | "rgba(250, 242, 233, 0.04)";
            reversed: "rgba(3, 38, 41, 0.04)" | "rgba(250, 242, 233, 0.04)";
        };
        opacity10: {
            default: "rgba(3, 38, 41, 0.1)" | "rgba(250, 242, 233, 0.1)";
            reversed: "rgba(3, 38, 41, 0.1)" | "rgba(250, 242, 233, 0.1)";
        };
        opacity20: {
            default: "rgba(3, 38, 41, 0.2)" | "rgba(250, 242, 233, 0.2)";
            reversed: "rgba(3, 38, 41, 0.2)" | "rgba(250, 242, 233, 0.2)";
        };
        opacity30: {
            default: "rgba(3, 38, 41, 0.3)" | "rgba(250, 242, 233, 0.3)";
            reversed: "rgba(3, 38, 41, 0.3)" | "rgba(250, 242, 233, 0.3)";
        };
        opacity40: {
            default: "rgba(3, 38, 41, 0.4)" | "rgba(250, 242, 233, 0.4)";
            reversed: "rgba(3, 38, 41, 0.4)" | "rgba(250, 242, 233, 0.4)";
        };
        opacity50: {
            default: "rgba(3, 38, 41, 0.5)" | "rgba(250, 242, 233, 0.5)";
            reversed: "rgba(3, 38, 41, 0.5)" | "rgba(250, 242, 233, 0.5)";
        };
        opacity60: {
            default: "rgba(3, 38, 41, 0.6)" | "rgba(250, 242, 233, 0.6)";
            reversed: "rgba(3, 38, 41, 0.6)" | "rgba(250, 242, 233, 0.6)";
        };
        opacity70: {
            default: "rgba(3, 38, 41, 0.7)" | "rgba(250, 242, 233, 0.7)";
            reversed: "rgba(3, 38, 41, 0.7)" | "rgba(250, 242, 233, 0.7)";
        };
        opacity80: {
            default: "rgba(3, 38, 41, 0.8)" | "rgba(250, 242, 233, 0.8)";
            reversed: "rgba(3, 38, 41, 0.8)" | "rgba(250, 242, 233, 0.8)";
        };
        opacity90: {
            default: "rgba(3, 38, 41, 0.9)" | "rgba(250, 242, 233, 0.9)";
            reversed: "rgba(3, 38, 41, 0.9)" | "rgba(250, 242, 233, 0.9)";
        };
        opacity100: {
            default: "rgba(3, 38, 41, 1)" | "rgba(250, 242, 233, 1)";
            reversed: "rgba(3, 38, 41, 1)" | "rgba(250, 242, 233, 1)";
        };
        disabled: {
            default: "rgba(174, 174, 174, 1)";
        };
    };
    icon: {
        opacity55?: string | undefined;
        default: "rgba(10, 50, 53, 1)" | "rgba(250, 242, 233, 1)";
        reversed: "rgba(10, 50, 53, 1)" | "rgba(250, 242, 233, 1)";
        disabled: "rgba(133, 133, 133, 1)";
        error: "rgba(254, 144, 143, 1)" | "rgba(253, 70, 69, 1)";
        opacity50: "rgba(10, 50, 53, 0.5)" | "rgba(250, 242, 233, 0.5)";
        on: "rgba(240, 82, 156, 1)" | "rgba(15, 203, 140, 1)";
        opacity30: "rgba(10, 50, 53, 0.3)" | "rgba(250, 242, 233, 0.3)";
    };
    links: {
        default: "rgba(240, 82, 156, 1)" | "rgba(15, 203, 140, 1)";
        reversed: "rgba(240, 82, 156, 1)" | "rgba(15, 203, 140, 1)";
        hovered: {
            default: "rgba(243, 117, 176, 1)" | "rgba(63, 213, 163, 1)";
            reversed: "rgba(243, 117, 176, 1)" | "rgba(63, 213, 163, 1)";
        };
    };
    elements: {
        disabled: {
            fill: "rgba(174, 174, 174, 1)";
            hovered: {
                fill: "rgba(174, 174, 174, 1)";
                stroke: "rgba(174, 174, 174, 1)";
            };
            contrast: "rgba(250, 242, 233, 1)";
            stroke: "rgba(174, 174, 174, 1)";
            contrastReversed: "rgba(93, 93, 93, 1)";
        };
        default: {
            fill: "rgba(250, 242, 233, 1)" | "rgba(16, 82, 87, 1)";
            hovered: {
                fill: "rgba(250, 242, 233, 0.8)" | "rgba(16, 82, 87, 0.8)";
                stroke: "rgba(250, 242, 233, 1)" | "rgba(16, 82, 87, 1)";
            };
            contrast: "rgba(250, 242, 233, 1)" | "rgba(16, 82, 87, 1)";
            stroke: "rgba(250, 242, 233, 0.4)" | "rgba(16, 82, 87, 0.4)";
            contrastReversed: "rgba(3, 38, 41, 1)" | "rgba(250, 242, 233, 1)";
        };
        faded: {
            fill: "rgba(3, 38, 41, 0.1)" | "rgba(250, 242, 233, 0.1)";
            hovered: {
                fill: "rgba(3, 38, 41, 0.4)" | "rgba(250, 242, 233, 0.4)";
                stroke: "rgba(3, 38, 41, 0.4)" | "rgba(250, 242, 233, 0.4)";
            };
            contrast: "rgba(3, 38, 41, 1)" | "rgba(250, 242, 233, 1)";
            stroke: "rgba(3, 38, 41, 0.2)" | "rgba(250, 242, 233, 0.2)";
            contrastReversed: "rgba(3, 38, 41, 1)" | "rgba(250, 242, 233, 1)";
        };
        reversed: {
            fill: "rgba(250, 242, 233, 1)" | "rgba(16, 82, 87, 1)";
            hovered: {
                fill: "rgba(250, 242, 233, 0.8)" | "rgba(16, 82, 87, 0.8)";
                stroke: "rgba(250, 242, 233, 1)" | "rgba(16, 82, 87, 1)";
            };
            contrast: "rgba(3, 38, 41, 1)" | "rgba(250, 242, 233, 1)";
            stroke: "rgba(250, 242, 233, 0.4)" | "rgba(16, 82, 87, 0.4)";
            contrastReversed: "rgba(3, 38, 41, 1)" | "rgba(250, 242, 233, 1)";
        };
        overlay: {
            background: "rgba(10, 50, 53, 1)" | "rgba(250, 242, 233, 1)";
            header: "rgba(3, 38, 41, 0.04)" | "rgba(250, 242, 233, 0.04)";
            footer: "rgba(3, 38, 41, 0.04)" | "rgba(250, 242, 233, 0.04)";
            contentContrastMed: "rgba(3, 38, 41, 0.1)" | "rgba(250, 242, 233, 0.1)";
            contentContrastHigh: "rgba(16, 82, 87, 1)" | "rgba(255, 255, 255, 1)";
            contentContrastLow: "rgba(3, 38, 41, 0.7)" | "rgba(250, 242, 233, 1)";
            contentContrastHighGradient: "rgba(0, 0, 0, 0)";
        };
    };
    form: {
        checkbox: {
            stroke: "rgba(250, 242, 233, 0.8)" | "rgba(16, 82, 87, 0.8)";
            fill: "rgba(3, 38, 41, 0.1)" | "rgba(250, 242, 233, 0.1)";
            hovered: {
                fill: "rgba(3, 38, 41, 0.2)" | "rgba(250, 242, 233, 0.2)";
                stroke: "rgba(250, 242, 233, 1)" | "rgba(16, 82, 87, 1)";
            };
            error: {
                fill: "rgba(253, 70, 69, 1)";
                stroke: "rgba(253, 70, 69, 1)";
                contrast: "rgba(250, 242, 233, 1)";
            };
            checked: {
                fill: "rgba(250, 242, 233, 1)" | "rgba(16, 82, 87, 1)";
                contrast: "rgba(3, 38, 41, 1)" | "rgba(250, 242, 233, 1)";
            };
            disabled: {
                fill: "rgba(214, 214, 214, 1)";
                stroke: "rgba(174, 174, 174, 1)";
                contrast: "rgba(93, 93, 93, 1)";
            };
        };
        input: {
            stroke: "rgba(3, 38, 41, 0.2)" | "rgba(250, 242, 233, 0.2)";
            fill: "rgba(10, 50, 53, 1)" | "rgba(255, 255, 255, 1)";
            contrast: "rgba(240, 82, 156, 1)" | "rgba(15, 203, 140, 1)";
            hovered: {
                fill: "rgba(10, 50, 53, 1)" | "rgba(255, 255, 255, 1)";
                stroke: "rgba(15, 203, 140, 1)";
            };
            error: {
                fill: "rgba(10, 50, 53, 1)" | "rgba(255, 255, 255, 1)";
                stroke: "rgba(253, 107, 106, 1)";
                contrast: "rgba(253, 70, 69, 1)";
            };
            disabled: {
                fill: "rgba(214, 214, 214, 1)";
                stroke: "rgba(174, 174, 174, 1)";
                contrast: "rgba(133, 133, 133, 1)";
            };
        };
        radio: {
            stroke: "rgba(250, 242, 233, 0.8)" | "rgba(16, 82, 87, 0.8)";
            fill: "rgba(3, 38, 41, 0.1)" | "rgba(250, 242, 233, 0.1)";
            hovered: {
                fill: "rgba(3, 38, 41, 0.2)" | "rgba(250, 242, 233, 0.2)";
                stroke: "rgba(250, 242, 233, 1)" | "rgba(16, 82, 87, 1)";
            };
            error: {
                fill: "rgba(253, 70, 69, 1)";
                stroke: "rgba(253, 70, 69, 1)";
                contrast: "rgba(250, 242, 233, 1)";
            };
            checked: {
                fill: "rgba(250, 242, 233, 1)" | "rgba(16, 82, 87, 1)";
                contrast: "rgba(3, 38, 41, 1)" | "rgba(250, 242, 233, 1)";
            };
            disabled: {
                fill: "rgba(214, 214, 214, 1)";
                stroke: "rgba(174, 174, 174, 1)";
                contrast: "rgba(93, 93, 93, 1)";
            };
        };
        switch: {
            stroke: "rgba(250, 242, 233, 0.8)" | "rgba(16, 82, 87, 0.8)";
            fill: "rgba(3, 38, 41, 0.1)" | "rgba(250, 242, 233, 0.1)";
            hovered: {
                fill: "rgba(3, 38, 41, 0.2)" | "rgba(250, 242, 233, 0.2)";
                stroke: "rgba(250, 242, 233, 1)" | "rgba(16, 82, 87, 1)";
            };
            error: {
                fill: "rgba(253, 70, 69, 1)";
                stroke: "rgba(253, 70, 69, 1)";
                contrast: "rgba(250, 242, 233, 1)";
            };
            checked: {
                fill: "rgba(250, 242, 233, 1)" | "rgba(16, 82, 87, 1)";
                contrast: "rgba(3, 38, 41, 1)" | "rgba(250, 242, 233, 1)";
            };
            disabled: {
                fill: "rgba(214, 214, 214, 1)";
                stroke: "rgba(174, 174, 174, 1)";
                contrast: "rgba(93, 93, 93, 1)";
            };
        };
        slider: {
            stroke: "rgba(250, 242, 233, 0.4)" | "rgba(16, 82, 87, 0.4)";
            fill: "rgba(250, 242, 233, 1)" | "rgba(16, 82, 87, 1)";
            hover: {
                fill: "rgba(3, 38, 41, 1)" | "rgba(255, 255, 255, 1)";
                stroke: "rgba(250, 242, 233, 1)" | "rgba(16, 82, 87, 1)";
            };
        };
    };
    button: {
        text: {
            hovered: {
                fill: "rgba(3, 38, 41, 0.04)" | "rgba(250, 242, 233, 0.04)";
            };
        };
    };
};

export { buildPalette };