Export `ToolbarRoot` to enable style reuse

[davidjb]

Summary

Could ToolbarRoot (or its styles) from https://github.com/mui/mui-x/blob/master/packages/x-data-grid/src/components/toolbarV8/Toolbar.tsx be exported to enable reusing its styles elsewhere? As this file currently appears, it doesn't appear possible to access ToolbarRoot from outside, since only Toolbar is exported.

Examples

mui-x/packages/x-data-grid/src/components/toolbarV8/Toolbar.tsx

Lines 35 to 48 in cad99f0

	const ToolbarRoot = styled('div', {
	name: 'MuiDataGrid',
	slot: 'Toolbar',
	})({
	flex: '0 1 1px',
	display: 'flex',
	alignItems: 'center',
	justifyContent: 'end',
	gap: vars.spacing(0.25),
	padding: vars.spacing(0.75),
	minHeight: 52,
	boxSizing: 'border-box',
	borderBottom: `1px solid ${vars.colors.border.base}`,
	});

Motivation

I'm displaying a Drawer alongside the DataGrid and wanted the drawer's header to appear identically to the Toolbar, without needing to copy-paste and keep the styles in sync between implementations.

Search keywords: ToolbarRoot

[sarathkumarsasi]

Can I work on this? @davidjb

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

---

@davidjb Thanks again for creating this issue! If you have a moment, we would love to hear your thoughts on how we handled it with this short feedback form.