Benny Joo

Please make sure to run the unit test and it passes.

@nicolas-ot No I haven't started this task. Please feel free to start working on it and requesting a review from me.

@mauwaz I approved and merged your PR. Thanks for the contribution.

@akash191095 > Shall I update the root file? I think we can leave it as it is :)

Thanks to all of you for amazing contributions! I am closing the umbrella issue now!

@siriwatknp I restructured the docs, polished and added a common example "newsletter subscription", inspired by https://dribbble.com/shots/14442751-Newsletter-Subscribe-Animation; Let me know!

Hey, Jun, I added CSS variable playground. Opacity can't be in px, so I made some changes to `JoyVariablesDemo.tsx`. e.g., ```diff --git a/docs/src/modules/components/JoyVariablesDemo.tsx b/docs/src/modules/components/JoyVariablesDemo.tsx index 8ef657dc55..861acb8320 100644 --- a/docs/src/modules/components/JoyVariablesDemo.tsx +++...

Made some improvements to `JoyVariablesDemo.tsx`. `DataItem` now has an extra prop ` inputAttributes?: React.InputHTMLAttributes;` e.g., ```jsx { var: '--Input-placeholderOpacity', defaultValue: 0.5, inputAttributes: { min: 0.1, max: 1, step: 0.1, },...

Jun and I agreed on using `-` (e.g., `Slider-trackRadius`) for CSS variable naming when it includes slots. Otherwise, it will be `-` (e.g., `ListItem-radius`) I am taking this task.

Yes, you can create a custom variant for Material IconButton component. e.g., ```jsx const theme = createTheme({ components: { MuiIconButton: { variants: [ { props: { variant: "test" }, style:...