Study - investigate existing open source Design System to identify potential reuse or connect

[B3nz01d]

• Identify a list to go through
• analyze existing DS
• analyze mobile libs
• identify next steps

Initial List of DS to investigate

• [ ] Decathlon - Vitamine (Jetpack Compose lib available)
• [ ] SAP - Fiori (Jetpack Compose lib available)
• [ ] Uber - Base (React)
• [ ] SalesForce - Lightning (Only web lib)
• [ ] Airb&b (React)
• [ ] Maif (No lib?)
• [ ] Ant (React Native)

I also found this:

• SATS - iOS
• Natura cosmetico - iOS
• Seleforce - Android (Nothing interesting inside)

A list of FR DS: https://designsystemsfrance.org/170a69254d7b4536a1bca1806dab08a8?v=ff88819ed9614972933ba2c06876ac14

Related task

• https://github.com/Orange-OpenSource/ods-ios/issues/247

[paulinea]

Other interesting resources especially for the implementation of a Design System with Jetpack Compose:

• GitHub demo: Building a Design System implementation using Jetpack Compose
• GitHub: Orbit: open-source design system
• Video: Andromeda - open source Jetpack Compose design system with Adit Lal
• Article: Build a Custom Design System Using Jetpack Compose

[paulinea]

ODS Top App Bar component could be an unique component with an option to display it large or not. Example here: https://help.sap.com/doc/f53c64b93e5140918d676b927a3cd65b/Cloud/en-US/docs-en/guides/features/fiori-ui/android/compose/topappbar.html