Outlined paper container & pagination shadows

[andokai]

First of all, this library looks great. I look forward to the 1.0 release.

Now I'm not sure if this is a bug or a discussion so I'll start here.

The elevated paper container is useful in certain contexts but not very useful in many more.

Would it be possible to not wrap this in a Paper component so that the elevation and padding etc. is an exercise for the user.

I see the muiTablePaperProps and that allows me to set the elevation and variant props however it appears the shadows have been applied manually to the pagination control so you end up with some weird shadows when you want a flat design.

https://codesandbox.io/s/strange-zhukovsky-yxhc5k?file=/src/TS.tsx

It also seems that the default paper border radius is removed which looks inconsistent. Normally there's a "square" prop you can use to enable/disable this but it doesn't appear to do anything.

[KevinVandy]

It was an original goal to be able to do what you are describing. I'll address the box shadow issue coming from the bottom toolbar

[KevinVandy]

This should be fixed in beta.10

Also, the recommended way to remove box shadow around the table is to simple set the elevation={0}

    muiTablePaperProps={{
      elevation: 0,
    }}

[andokai]

Hi, it's better but not quite right. It still appears to have the shadow on the left had side.

Updated the sandbox at the link above to demonstrate. It's the bottom table of three.

[KevinVandy]

That sandbox is still on beta.9. I saved the package.json to force a re-install and it looks fixed on beta.10

[andokai]

Very odd, I had done the same. Anyway, looks good now, thanks!