Design, simply elegant.
The E*TRADE Design Language is a design system that provides a seamless experience from end to end.
Download the Sketch file
Download the Inspector
React Component Documentation
July 12th release (2019.7.12)
| Table with total row | etrade.design | We added a example of a table with a total row on etrade.design |
| Footer | etrade.design | Refactored some presentational css in the footer-page.scss |
| Stacked tables javascript snippet | etrade.design | On the stacked table example, we removed the the jQuery javascript example and replace with a vanilla javacript example |
| Spacing | etrade.design | We refactored the Breakpoint specific spacing class examples, and eliminated some extra space |
| Bitbucket | Styles | We improved the accessibility on the Auto-suggest menu |
| Bitbucket | Styles | We now have a Skeleton loading class |
| Bitbucket | Styles | We refactored the _scaffolding.scss |
| Bitbucket | Styles | We removed the border on table responsive for extra small screen sizes |
| Bitbucket | Styles | We updated the Datepicker error state styles to align better to the Design Language |
| Bitbucket | Styles | We remove font color from the universal-message text. This will allow the text to inherit the color |
| Bitbucket | Styles | We fixed a bug in Safari where the focus ring on icons was being cutoff |
| Bitbucket | Styles | We refactored the css on the column centered flexbox component |
| Bitbucket | Styles | We fix a bug where nav-tabs-center were not centered |
June 27th (2019.6.27)
| Bitbucket | Styles | Added Git hook that runs sasslint, and only commits if sasslint passes |
| Bitbucket | Styles | Updated the Social Media Footer Icons to be more accessible |
| Bitbucket | Styles | The column centered mixin now uses flexbox |
| Bitbucket | Styles | Updated datepicker styles to better align with latest Design Language updates. |
| All | etrade.design | Updated node/npm to better align with other projects |
| All | etrade.design | Update hotlink protect |
| Flyouts | etrade.design | In IE11 we fixed the flyout hover and click events |
| All | etrade.design | Added Design Language React to etrade.design |
| React | React | Added interactive props to the React card component |
| Flyout | React | Added the contentCls prop to the React flyout component |
| Spinner | React | Created a new spinner overlay component |
| Tables | React | Added accessibility to the TableSort component |
| All | React | Polyfill needed for IE11 |
| Bitbucket | React Charts | Initial D3 Line Chart |