The purpose of this design doc is to present and describe the different decisions and research required to achieve a smooth migration from Fluent UI Northstar (v0) to Fluent UI v9 in the Teams verticals monorepo.
Encapsulating v9 usage
The verticals repository has all reusable UI code in the @microsoft/modernworkplace-ui-core repo. All northstar exports are done through @microsoft/modernworkplace-ui-core/src/components/northstar. Although the deep import is considered an antipattern in the JS ecosystem, the good thing is that this import is used consistently throughout.
We can simply create a new export path @microsoft/modernworkplace-ui-core/src/components/fluentui as the primary export path of v9 components and do a gradual migration.
The existence of this export path if no code is used should not impact any of the production code.
Styling