Purpose
According to the McKinsey Design Index report, a critical aspect of improving the market value of a company via design is continuous iteration. In short, this means that we need to begin a continuous cadence of improving EUI over the long term. To kickstart this continuous iteration, we will introduce a new theme for EUI—codenamed “Amsterdam.” This new theme will be a work in progress until it becomes adopted enough to become the new default theme. The threshold of adoption for switching the default theme will be determined at a later date.
Changes
While this is a great opportunity to advance EUI as a library, we should maintain a mindset that this theme is a layer of polish on an already excellent UI library and not a complete rethink of existing components and patterns. That said, these are the changes we expect to make for this theme:
Variables & Global Mixins (i.e. Colors, Typography, etc.)
Components
Roadmap
| Event |
Date |
| ✅ Preview toggle in Kibana |
7.9 |
| ✅ Component changes completed |
Oct 2020 |
| ✅ Testing |
Oct 2020 — Feb 2021 |
| ✅ Change default EUI theme to Amsterdam |
Feb 2021 // 7.12-ish |
Found a bug?
Add the details in this spreadsheet: https://docs.google.com/spreadsheets/d/1FMCauZ-OED4QS3-eSGE18cpYkrd_ORLcko1CWxjwDH0/edit#gid=0
Note: Due to the sharing between many components, these changes will affect more than just the component we are editing. Remember to check other components after a change is made to assure that interactions and visuals are still acceptable.
Purpose
According to the McKinsey Design Index report, a critical aspect of improving the market value of a company via design is continuous iteration. In short, this means that we need to begin a continuous cadence of improving EUI over the long term. To kickstart this continuous iteration, we will introduce a new theme for EUI—codenamed “Amsterdam.” This new theme will be a work in progress until it becomes adopted enough to become the new default theme. The threshold of adoption for switching the default theme will be determined at a later date.
Changes
While this is a great opportunity to advance EUI as a library, we should maintain a mindset that this theme is a layer of polish on an already excellent UI library and not a complete rethink of existing components and patterns. That said, these are the changes we expect to make for this theme:
Variables & Global Mixins (i.e. Colors, Typography, etc.)
14pxComponents
panels,flyouts,popovers,keypad itemsBlur content behind modal overlay backgroundping @johnbarrierwilson for more explanation. Short explanation: blurring isn't good for context awareness (concept) (pull request)Animation concepts(Framer motion demo from Ryan)Modify default prop valuesRoadmap
Found a bug?
Add the details in this spreadsheet: https://docs.google.com/spreadsheets/d/1FMCauZ-OED4QS3-eSGE18cpYkrd_ORLcko1CWxjwDH0/edit#gid=0
Note: Due to the sharing between many components, these changes will affect more than just the component we are editing. Remember to check other components after a change is made to assure that interactions and visuals are still acceptable.