"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.darkTheme = exports.theme = void 0;
require("@mui/styles");
var mainColor = '#0072CE';
exports.theme = {
    palette: {
        primary: { main: mainColor, light: mainColor, dark: mainColor },
        secondary: { main: mainColor },
        error: { main: '#FF1744' },
        success: { main: '#3B873E' },
        background: {
            paper: '#FFF',
            default: '#FAFAFA'
        },
        action: {
            hover: 'rgba(0,0,0,0.04)',
            hoverOpacity: 0.04
        },
        text: {
            primary: 'rgba(0,0,0,0.87)',
            secondary: 'rgba(0,0,0,0.54)',
            disabled: 'rgba(0,0,0,0.26)',
            hint: 'rgba(0,0,0,0.38)'
        },
        divider: 'rgba(0,0,0,0.38)',
        SnackbarContent: {
            color: '#FFF',
            bg: '#121212'
        }
    },
    components: {
        MuiButton: {
            defaultProps: {
                color: 'inherit'
            }
        },
        MuiTooltip: {
            defaultProps: {
                disableInteractive: true
            },
            styleOverrides: {
                tooltip: {
                    whiteSpace: 'break-spaces'
                }
            }
        },
        MuiTab: {
            styleOverrides: {
                root: {
                    maxWidth: '264px'
                }
            }
        },
        MuiDialogTitle: {
            styleOverrides: {
                root: {
                    '&&+.MuiDialogContent-root': {
                        paddingTop: '13px'
                    }
                }
            }
        },
        MuiFilledInput: {
            styleOverrides: {
                root: {
                    lineHeight: '1.1876em',
                    backgroundColor: 'rgba(0, 0, 0, 0.03)',
                    '&:hover': {
                        backgroundColor: 'rgba(0, 0, 0, 0.03)'
                    },
                    '&.focused': {
                        backgroundColor: 'rgba(0, 0, 0, 0.03)'
                    }
                },
                input: {
                    '&.MuiSelect-select': {
                        minHeight: '1.1876em'
                    }
                }
            }
        },
        MuiTablePagination: {
            styleOverrides: {
                select: {
                    '&.MuiInputBase-input': {
                        minHeight: '1.1876em'
                    }
                }
            }
        },
        MuiInputBase: {
            styleOverrides: {
                root: {
                    '& .MuiInputAdornment-root': {
                        color: 'rgba(0,0,0,0.87)'
                    }
                },
                input: {
                    '&::placeholder': {
                        color: 'currentColor !important' // FF fix for QX overriding
                    },
                    '&::-ms-clear': {
                        display: 'none'
                    },
                    '&.Mui-disabled': {
                        WebkitTextFillColor: 'inherit'
                    }
                }
            }
        },
        MuiMenuItem: {
            styleOverrides: {
                root: {
                    '&.Mui-selected': {
                        backgroundColor: 'rgba(0, 0, 0, 0.08)',
                        '&.Mui-focusVisible': { backgroundColor: 'rgba(0, 0, 0, 0.08)' },
                        '&:hover': {
                            backgroundColor: 'rgba(0, 0, 0, 0.08)'
                        }
                    }
                }
            }
        }
    },
    breakpoints: {
        values: {
            xs: 0,
            sm: 600,
            md: 960,
            lg: 1280,
            xl: 1920
        }
    },
    transitions: {
        duration: {
            shortest: 150,
            shorter: 200,
            short: 250,
            standard: 300,
            complex: 375,
            enteringScreen: 225,
            leavingScreen: 195
        }
    },
    tooltip: {
        borderRadius: '4px',
        backgroundColor: 'rgba(0,0,0,0.54)'
    },
    inactiveBackground: 'repeating-linear-gradient(45deg, #f5f5f5, #f5f5f5 14px, #e9e9e9 15px, #e9e9e9 16px)',
    inactiveSelectedBackground: "repeating-linear-gradient(45deg,\n        color-mix(in srgb, ".concat(mainColor, " 10%, #f5f5f5),\n        color-mix(in srgb, ").concat(mainColor, " 10%, #f5f5f5) 14px,\n        color-mix(in srgb, ").concat(mainColor, " 13%, #e9e9e9) 15px,\n        color-mix(in srgb, ").concat(mainColor, " 13%, #e9e9e9) 16px)"),
    inactiveSelectedHoverBackground: "repeating-linear-gradient(45deg,\n        color-mix(in srgb, ".concat(mainColor, " 10%, #f2f2f2),\n        color-mix(in srgb, ").concat(mainColor, " 10%, #f2f2f2) 14px,\n        color-mix(in srgb, ").concat(mainColor, " 13%, #e2e2e2) 15px,\n        color-mix(in srgb, ").concat(mainColor, " 13%, #e2e2e2) 16px)"),
    inactiveHoverBackground: 'repeating-linear-gradient(45deg, #f2f2f2, #f2f2f2 14px, #e2e2e2 15px, #e2e2e2 16px)',
    inactive: {
        opacity: 0.7
    },
    basicView: {
        boxShadow: '0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)',
        borderRadius: '3px',
        backgroundColor: '#FFFFFF'
    },
    suggested: "color-mix(in srgb, ".concat(mainColor, " 6%, #ffffff)")
};
exports.darkTheme = {
    palette: {
        mode: 'dark',
        primary: exports.theme.palette.primary,
        secondary: exports.theme.palette.secondary
    }
};
