🚧 : in progress
🔜 : to be developed ❌ : not planned
Roadmap Q4 2024
The main objective of this quarter is to continue working on framework agnosticism in order to have the Angular & Vue UI Kits.
Components / Design tokens |
Design assets Figma |
UI Kit Storybook |
---|---|---|
New components |
|
|
Side navigation |
✅ |
✅ |
Notification |
✅ |
✅ |
Top bar |
🚧 |
🔜 |
Modal |
🚧 |
🔜 |
Avatar list |
🚧 |
🔜 |
Dropdown |
🔜 |
🔜 |
Code block |
🚧 |
❌ |
Timeline |
🚧 |
❌ |
Switch view |
🔜 |
❌ |
Improvements |
|
|
Compact size for inputs |
✅ |
✅ |
Neutral color for counter |
✅ |
✅ |
Compact avatar |
✅ |
✅ |
Inactive avatar |
🚧 |
🔜 |
Neutral button |
🔜 |
🔜 |
Roadmap Q3 2024
The main objective of this quarter is working on framework agnosticism in order to have the Angular & Vue UI Kits.
Components / Design Tokens |
Design asset Figma |
UI Kit Storybook |
Documentation Supernova |
---|---|---|---|
New Components |
|
|
|
Paging |
✅ |
✅ |
✅ |
Contextual menu |
✅ |
✅ |
✅ |
Scope selector |
✅ |
❌ |
Postpone |
Navigation (Side nav + Top bar) |
✅ |
Postpone to Q4-2024 |
Postpone to Q4-2024 |
Filter bar |
Postpone |
❌ |
Postpone |
Table |
Postpone |
❌ |
Postpone |
Code block |
Postpone to Q4-2024 |
❌ |
Postpone |
Search bar |
Postpone |
❌ |
Postpone |
Avatar list |
Postpone to Q4-2024 |
❌ |
Postpone to Q4-2024 |
Components from Hornet kit |
|
|
|
Divider |
✅ |
✅ |
✅ |
Breadcrumb |
✅ |
✅ |
✅ |
Alert |
✅ |
✅ |
✅ |
Notification |
✅ |
❌ |
Postpone to Q4-2024 |
Stepper |
✅ |
❌ |
Postpone |
Timeline |
✅ |
❌ |
Postpone to Q4-2024 |
Dialog |
Postpone to Q4-2024 |
❌ |
Postpone to Q4-2024 |
Content modal |
Postpone to Q4-2024 |
❌ |
Postpone to Q4-2024 |
Assignments |
Postpone |
❌ |
Postpone |
Group select |
Postpone |
❌ |
Postpone |
Fade content |
Postpone |
❌ |
Postpone |
Improvements |
|
|
|
Compact size for inputs |
✅ |
Postpone to Q4-2024 |
Postpone to Q4-2024 |
Neutral color for counter |
✅ |
Postpone to Q4-2024 |
Postpone to Q4-2024 |
Roadmap Q2 2024
Components / Design Tokens |
Design asset Figma |
UI Kit Storybook |
Documentation Supernova |
---|---|---|---|
Components |
|
|
|
Avatar |
✅ |
✅ |
✅ |
Sidenav |
🚧 |
Postpone to Q3-2024 |
Postpone to Q3-2024 |
Icon |
✅ |
✅ |
✅ |
Text |
✅ |
✅ |
✅ |
Contextual menu |
✅ |
Postpone to Q3-2024 |
Postpone to Q3-2024 |
Paging |
✅ |
Postpone to Q3-2024 |
✅ |
Table |
Postpone to Q3-2024 |
Postpone to Q3-2024 |
Postpone to Q3-2024 |
Code block |
Postpone to Q3-2024 |
Postpone to Q3-2024 |
Postpone to Q3-2024 |
Search bar |
Postpone to Q3-2024 |
Postpone to Q3-2024 |
Postpone to Q3-2024 |
Design Tokens |
|
|
|
Hornet theme |
✅ |
✅ |
🚧 |
Improvements |
|
|
|
Tabs as molecule |
Postpone to Q3-2024 |
Postpone to Q3-2024 |
Postpone to Q3-2024 |
Roadmap Q1 2024
Components / Design Tokens |
Design asset Figma |
UI Kit Storybook |
Documentation Supernova |
Components |
|
|
|
Tab |
✅ |
✅ |
✅ |
Chips |
✅ |
✅ |
✅ |
Text |
Postpone to Q2-2024 |
Postpone to Q2-2024 |
Postpone to Q2-2024 |
Popover |
✅ |
✅ |
✅ |
Paging |
✅ |
Postpone to Q2-2024 |
Postpone to Q2-2024 |
Contextual menu |
✅ |
Postpone to Q2-2024 |
Postpone to Q2-2024 |
Avatar |
✅ |
Postpone to Q2-2024 |
Postpone to Q2-2024 |
Improvements |
|
|
|
Dynamic input (multi entries) |
✅ |
✅ |
✅ |
Warning inputs/textarea |
✅ |
✅ |
✅ |
Button with counter |
✅ |
✅ |
✅ |
Counter (disable and inactive status) |
✅ |
✅ |
✅ |
Badge (inactive status) |
✅ |
✅ |
✅ |
Counter with number management |
N/A |
N/A |
N/A |
2023
Roadmap Q4 2023
Components / Design Tokens |
Design asset Figma |
UI kit Storybook |
Documentation Supernova |
Components |
|
|
|
Counter |
✅ |
✅ |
✅ |
Chips |
✅ |
Postpone to Q1 - 2024 |
Postpone to Q1 - 2024 |
Sub menu |
✅ |
✅ |
✅ |
Text area |
✅ |
✅ |
✅ |
Text (input and number) |
✅ |
✅ |
✅ |
Dynamic input |
✅ |
✅ |
✅ |
Tab |
✅ |
Postpone to Q1 - 2024 |
Postpone to Q1 - 2024 |
Paging |
✅ |
Postpone to Q1 - 2024 |
Postpone to Q1 - 2024 |
Pop over |
✅ |
Postpone to Q1 - 2024 |
Postpone to Q1 - 2024 |
Roadmap Q3 2023
Components / Design Tokens |
Design asset Figma |
UI kit Storybook |
Documentation Supernova |
Foundation |
|
|
|
Colors |
✅ |
✅ |
✅ |
Border |
✅ |
✅ |
✅ |
Border radius |
✅ |
✅ |
✅ |
Font |
✅ |
✅ |
✅ |
Font size |
✅ |
✅ |
✅ |
Shadow |
✅ |
✅ |
✅ |
Spacing |
✅ |
✅ |
✅ |
Content (UX writing) |
✅ |
not applicable |
✅ |
|
|
|
|
Components |
|
|
|
Badges |
✅ |
✅ |
✅ |
Button |
✅ |
✅ |
✅ |
Counter |
✅ |
✅ |
✅ |
Checkbox |
✅ |
✅ |
✅ |
Link |
✅ |
✅ |
✅ |
Radio button |
✅ |
✅ |
✅ |
Loader button |
✅ |
✅ |
✅ |
Number input |
✅ |
✅ |
✅ |
Select |
✅ |
✅ |
✅ |
State indicator |
✅ |
✅ |
✅ |
Sub-menu |
✅ |
✅ |
✅ |
Toggle button |
✅ |
✅ |
✅ |
Tooltip |
✅ |
✅ |
✅ |
Text input |
✅ |
✅ |
✅ |