@selfcommunity/react-theme-default/lib/cjs/components/SCAddUsersButton.js

Default theme to use with SelfCommunity TS library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const material_1 = require("@mui/material");
const Component = {
    styleOverrides: {
        root: ({ theme }) => ({
            '&.SCAddUsersButton-contrast-color': {
                color: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
            }
        }),
        dialogRoot: () => ({
            '& .MuiDialogActions-root': {
                marginTop: '36px'
            },
            '& .SCAddUsersButton-dialog-autocomplete-wrapper': {
                gap: '10px',
                '& .SCAddUsersButton-dialog-chip-wrapper': {
                    flexDirection: 'row',
                    gap: '5px',
                    flexWrap: 'wrap'
                }
            }
        })
    }
};
exports.default = Component;