feat(SnackbarContent): add prop to support non-rounded corners

Author: 0210shivam

packages/mui-material/src/SnackbarContent/SnackbarContent.js

@@ -26,7 +26,7 @@ const SnackbarContentRoot = styled(Paper, {
   name: 'MuiSnackbarContent',
   slot: 'Root',
 })(
-  memoTheme(({ theme }) => {
+  memoTheme(({ theme, ownerState }) => {
     const emphasis = theme.palette.mode === 'light' ? 0.8 : 0.98;
     const backgroundColor = emphasize(theme.palette.background.default, emphasis);
 
@@ -40,7 +40,7 @@ const SnackbarContentRoot = styled(Paper, {
       alignItems: 'center',
       flexWrap: 'wrap',
       padding: '6px 16px',
-      borderRadius: (theme.vars || theme).shape.borderRadius,
+      borderRadius: ownerState.square ? 0 : (theme.vars || theme).shape.borderRadius,
       flexGrow: 1,
       [theme.breakpoints.up('sm')]: {
         flexGrow: 'initial',
@@ -77,7 +77,6 @@ const SnackbarContent = React.forwardRef(function SnackbarContent(inProps, ref)
   return (
     <SnackbarContentRoot
       role={role}
-      square
       elevation={6}
       className={clsx(classes.root, className)}
       ownerState={ownerState}