microsoft / iot-cardboard-js

iot-cardboard-js is a React library for building experiences for IoT applications
https://main--601c6b2fcd385c002100f14c.chromatic.com/
MIT License
82 stars 27 forks source link

Fluent 9 in Cardboard #946

Closed pasanchMSFT closed 1 year ago

pasanchMSFT commented 1 year ago

Summary of changes ๐Ÿ”

Added Fluent 9 package, babel configuration and linting rules.

Added Fluent theme provider to BaseComponent, and also created very custom Fluent 9 themes so they could match our current themes. Current solution is planned to be temporary, and themes will probably move to what Fluent 9 offers.

Created a component with new Fluent 9 patterns and also some templates to start developing new components with Fluent 9.

image

Testing ๐Ÿงช

Open any story and take a look at styles, everything should be the same across all themes. Open ConsumeShell story to take a look at a new component built with Fluent 9 styling.

Checklist โœ”๏ธ