[Joy] Some components still use Joy[Component] class name instead of Mui[Component]

[Bestwebdesign]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example:
https://codesandbox.io/s/sad-nightingale-lqil0l?file=/demo.js

Steps:

1. Inspect class names using console

Current behavior 😯

The class names still have "Joy" prefix:
JoyGrid-root JoyGrid-container JoyGrid-direction-xs-row
JoyStack-root
JoyBox-root

Also the documentation contains wrong class names:
https://mui.com/joy-ui/react-card/#anatomy (JoyCard-root instead of MuiCard-root)
https://mui.com/joy-ui/react-grid/#anatomy (JoyGrid-root instead of MuiGrid-root)
https://mui.com/joy-ui/react-grid/#anatomy (JoyStack-root instead of MuiStack-root)

Expected behavior 🤔

According to #35718 class names should be prefixed with "Mui":
MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row
MuiStack-root
MuiBox-root

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[badalsaibo]

I like having the Joy prefix for clear distinction between Mui and Joy

[siriwatknp]

@Bestwebdesign Nice catch! do you want to submit a PR?

[siriwatknp]

I like having the Joy prefix for clear distinction between Mui and Joy

The conclusion is to go with Mui-* for all core products (Material UI, Joy UI, and MUI Base) and separate Joy UI with Mui-joy class name.

[Bestwebdesign]

@siriwatknp I wasn't able to find the cause of this bug, so I leave it to the expert.

[sai6855]

@siriwatknp created PR which should close part of this issue. #36167

[ZeeshanTamboli]

Fixed in #36167. Docs will be updated in #36210.