createSpacing.js
No OneTemporary
Actions

Subscribers

None

File Metadata

	import { createUnarySpacing } from '../spacing';
	/* tslint:enable:unified-signatures */

	export default function createSpacing(spacingInput = 8) {
	// Already transformed.
	if (spacingInput.mui) {
	return spacingInput;
	}

	// Material Design layouts are visually balanced. Most measurements align to an 8dp grid, which aligns both spacing and the overall layout.
	// Smaller components, such as icons, can align to a 4dp grid.
	// https://m2.material.io/design/layout/understanding-layout.html
	const transform = createUnarySpacing({
	spacing: spacingInput
	});
	const spacing = (...argsInput) => {
	if (process.env.NODE_ENV !== 'production') {
	if (!(argsInput.length <= 4)) {
	console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);
	}
	}
	const args = argsInput.length === 0 ? [1] : argsInput;
	return args.map(argument => {
	const output = transform(argument);
	return typeof output === 'number' ? `${output}px` : output;
	}).join(' ');
	};
	spacing.mui = true;
	return spacing;
	}