Function parseCSSShorthand

packages/core/ui/styling/css-utils.ts:50–88

(value: string)

}

export function parseCSSShorthand(value: string): {
	values: Array<CoreTypes.LengthType>;
	color: string;
	inset: boolean;
} {
	const parts = value.trim().split(WHITE_SPACE_RE);
	const first = parts[0];

	if (['', 'none', 'unset'].includes(first)) {
		return null;
	}

	const invalidColors = ['inset', 'unset'];
	const inset = parts.includes('inset');
	const last = parts[parts.length - 1];
	let color = 'black';
	if (first && !isLength(first) && !invalidColors.includes(first)) {
		color = first;
	} else if (last && !isLength(last) && !invalidColors.includes(last)) {
		color = last;
	}

	const values = parts
		.filter((n) => !invalidColors.includes(n))
		.filter((n) => n !== color)
		.map((val) => {
			try {
				return Length.parse(val);
			} catch (err) {
				return CoreTypes.zeroLength;
			}
		});

	return {
		inset,
		color,
		values,
	};
}