@totalsoft/rocket-ui/dist/components/themes/common/overrides/Button.js

A set of reusable and composable React components built on top of Material UI core for developing fast and friendly web applications interfaces.

export default function Button({ palette, customShadows }) {
    return {
        MuiButton: {
            styleOverrides: {
                root: {
                    borderRadius: '8px',
                    '&:hover': {
                        boxShadow: 'none'
                    }
                },
                sizeTiny: {}, // adds the 'tiny' size prop type which is not present in MUI
                sizeLarge: {
                    height: 48
                },
                containedInherit: {
                    color: palette.grey[800],
                    boxShadow: customShadows.z8,
                    '&:hover': {
                        backgroundColor: palette.grey[400]
                    }
                },
                outlinedInherit: {
                    border: `1px solid ${palette.grey[500_32]}`,
                    '&:hover': {
                        backgroundColor: palette.action.hover
                    }
                },
                textInherit: {
                    '&:hover': {
                        backgroundColor: palette.action.hover
                    }
                }
            }
        }
    };
}
//# sourceMappingURL=Button.js.map