gridClasses.js
No OneTemporary
Actions

Subscribers

None

File Metadata

	import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
	export function getGridUtilityClass(slot) {
	return generateUtilityClass('MuiGrid', slot);
	}
	const SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
	const DIRECTIONS = ['column-reverse', 'column', 'row-reverse', 'row'];
	const WRAPS = ['nowrap', 'wrap-reverse', 'wrap'];
	const GRID_SIZES = ['auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
	const gridClasses = generateUtilityClasses('MuiGrid', ['root', 'container', 'item',
	// spacings
	...SPACINGS.map(spacing => `spacing-xs-${spacing}`),
	// direction values
	...DIRECTIONS.map(direction => `direction-xs-${direction}`),
	// wrap values
	...WRAPS.map(wrap => `wrap-xs-${wrap}`),
	// grid sizes for all breakpoints
	...GRID_SIZES.map(size => `grid-xs-${size}`), ...GRID_SIZES.map(size => `grid-sm-${size}`), ...GRID_SIZES.map(size => `grid-md-${size}`), ...GRID_SIZES.map(size => `grid-lg-${size}`), ...GRID_SIZES.map(size => `grid-xl-${size}`)]);
	export default gridClasses;