[Grid2] Add dynamic classes to Grid2Classes interface

[sai6855]

This PR adds dynamic classes to Grid2Classes interface which were reverted in this PR #44420

WIP, Don't review yet

[mui-bot]

Netlify deploy preview

https://deploy-preview-44572--material-ui.netlify.app/

Bundle size report

Details of bundle changes (Toolpad)
Details of bundle changes

Generated by 🚫 dangerJS against 2ce649a

[aarongarciah]

Should these classes be documented? I think the classes we document should be the ones that are considered public API and are meant to be targeted by users. Also, users can modify the breakpoints which means these classes can potentially become non-relevant.

[sai6855]

Should these classes be documented?

Grid doesn't document dynamic classes, so i wan't sure if those need to be documentd in Grid2
Grid classes: https://mui.com/material-ui/api/grid/#classes

Also, users can modify the breakpoints which means these classes can potentially become non-relevant.

Correct. The classes added in this PR simply reflect the ones that are actually added to the DOM. However, I think the bigger issue is that if users modify their breakpoints, neither Grid nor Grid2 handles this scenario properly, as the breakpoints are hardcoded in both components.

material-ui/packages/mui-material/src/Grid2/grid2Classes.ts

Lines 27 to 37 in 8217844

	...SPACINGS.map((spacing) => `spacing-xs-${spacing}` as const),
	// direction values
	...DIRECTIONS.map((direction) => `direction-xs-${direction}` as const),
	// wrap values
	...WRAPS.map((wrap) => `wrap-xs-${wrap}` as const),
	// grid sizes for all breakpoints
	...GRID_SIZES.map((size) => `grid-xs-${size}` as const),
	...GRID_SIZES.map((size) => `grid-sm-${size}` as const),
	...GRID_SIZES.map((size) => `grid-md-${size}` as const),
	...GRID_SIZES.map((size) => `grid-lg-${size}` as const),

[aarongarciah]

@sai6855 do you think this PR still makes sense? If not, let's close it.

[sai6855]

@sai6855 do you think this PR still makes sense? If not, let's close it.

Given breakpoints can be dynamic, don't think this PR is relevant