API improvement

[garronej]

Hi guys,
Would you be open to the evolution of the makeStyles API toward this direction in the next major release?
The current API would still ba available, of course, to avoid introducing breaking changes but the recommended and documented approach would be the following one.

import { tss } from "tss-react/mui";

const useStyles = tss.createUseStyles({
  root: {
    backgroundColor: "pink"
  }
});

const useStyles = tss.createUseStyles(({ theme }) => ({
  root: {
    backgroundColor: theme.palette.primary.main
  }
}));

const useStyles = tss
  .withName("MyComponent")
  .createUseStyle(({ theme }) => ({
    root: {
      backgroundColor: theme.palette.primary.main
    }
  }));

const useStyles = tss
  .withName("MyComponent")
  .withParams<{ color: string }>()
  .createUseStyles(({ theme, color }) => ({
    root: {
      backgroundColor: color
    }
  }));

I think this would be more transparent.
I'm getting this idea from redux toolkit newer API: https://redux-toolkit.js.org/usage/usage-with-typescript#defining-a-pre-typed-createasyncthunk
And Dynamic-styles which is a spinoff of tss-react: https://github.com/bennodev19/dynamic-styles

Thanks for your feedbacks :)

[garronej]

Ongoing work: #189