Orange-Boosted-Bootstrap icon indicating copy to clipboard operation
Orange-Boosted-Bootstrap copied to clipboard

Re-synchronize typography values with UI Kit v6

Open julien-deramond opened this issue 2 years ago • 0 comments

Description

The aim of this issue is to re-synchronize our typography values and utilities based on the new one defined in the UI Kit v6.

For example, our .display-1 is set to 60px on the desktop and should be 50px.

Screenshot 2024-03-08 at 12 09 07 Screenshot 2024-03-08 at 12 09 17 Screenshot 2024-03-08 at 12 09 26

Sub-tasks

  • [x] Double-check that the screenshots are consistent with https://system.design.orange.com/0c1af118d/p/68dbd8-typography/b/27d9ab
  • [ ] Apply correctly the new values to our typography system
  • [ ] For each typography utility, check in our documentation and examples that it's still correct. I'm thinking for example of the heading of https://boosted.orange.com/docs/5.3/examples/form/ that should be 50px instead of 60px as newly defined in https://system.design.orange.com/0c1af118d/p/20500e-form/b/16bb53/i/108261203
  • [ ] Double-check in our components and modules too if it doesn't have any impacts, components such as Title Bars for instance
  • [ ] Add a migration note that summarizes the impact for the users if any

julien-deramond avatar Mar 08 '24 11:03 julien-deramond