Bundle size: theme import imports several components

[miroslavstastny]

Import themes.teams

Several components are imported:

The reason is style files import components to reference slotClassNames:

fluent-ui-react/packages/react/src/themes/teams/components/Dropdown/dropdownStyles.ts

Lines 6 to 10 in c501557

	import {
	default as Dropdown,
	DropdownProps,
	DropdownState,
	} from '../../../../components/Dropdown/Dropdown'

[miroslavstastny]

Not only slotClassNames but also Component.className

[mnajdova]

Maybe we should extract the Component.slotClassNames and Component.className as part of the theme. What we would gain:

👍 will solve this issue
👍 will allow the clients to define their own classNames - can be useful if there is some collision
👍 components will not have opinion on the classNames

👎 ...

Let me know what do you think about this, and if we agree I will add it in the Theme specification PR