@elacity-js/uikit
Version:
React / Material UI Design kit for Elacity project
73 lines (70 loc) • 2.26 kB
JavaScript
import { darken } from '@mui/material/styles';
function Button(theme) {
return {
MuiButton: {
defaultProps: {
shape: 'normal',
},
variants: [
{
props: { shape: 'normal' },
style: {
// nothing here actually
},
},
{
props: { shape: 'square' },
style: {
borderRadius: 0,
},
},
{
props: { shape: 'rounded' },
style: {
borderRadius: 8 * Number(theme.shape.borderRadius),
},
}
],
styleOverrides: {
root: {
textTransform: 'capitalize',
'&:hover': {
// boxShadow: theme.shadows[6],
},
},
sizeLarge: {
height: 48,
},
containedInherit: {
color: theme.palette.grey[800],
boxShadow: theme.shadows[6],
'&:hover': {
backgroundColor: theme.palette.grey[400],
},
},
containedPrimary: {
boxShadow: theme.shadows[6],
'&:hover': {
backgroundColor: darken(theme.palette.primary.main, 0.1),
},
},
containedSecondary: {
boxShadow: theme.shadows[6],
},
outlinedInherit: {
border: `1px solid ${theme.palette.grey[500]}`,
'&:hover': {
backgroundColor: theme.palette.action.hover,
},
},
textInherit: {
'&:hover': {
backgroundColor: theme.palette.action.hover,
},
},
},
},
};
}
export { Button as default };
//# sourceMappingURL=MuiButton.js.map