Release highlights June 🌈
Konstantin Demblin, Design System LeadThis blog post covers some highlights from the latest releases of GDS.
GDS v3 got released
We are excited to announce that GDS v3 has been released and is now available for use. With version 3, we have introduced a range of new features and improvements, including:
- No more dependency on Bootstrap
- CardGroup (instead of deprecated Card)
- A component search in the documentation
- Removal of deprecated components, properties and colours
- Accessibility improvements
George-assets repository
Another exciting update is the launch of the George asset repository. This repository contains all the assets used in George, including icons, 3D-illustrations, animations, and other design elements. It is a valuable resource for developers and designers who want to use these assets in their own projects.
All George clients (web, iOS, Android) will soon use the same assets from the same repository, ensuring consistency across platforms. For GDS-Web, the assets repository George-assets is a dependency in the package.json file of GDS; its release cycle is independent to GDS itself.
The ownership and responsibilities for the assets repository will soon be handed over from the Design System team to the central design team of George, ensuring that it will remain well-maintained and up to date.
SpotIllustration - soon™
We were about to add a new component called SpotIllustration, but due to last minute changes, we had to postpone it for an upcoming release. The component is a simple way to add 3D-illustrations to your application. For now, the component will come in a single size (for George in the browser) and can have an optional background shape which can be customized in shape, colour and position. The 3D-illustrations can be fetched from the George Assets repository (or an external source providing a URL as a property) and can be used to enhance the visual appeal of your application.
CircularButton
We added a new variant of buttons: CircularButton. This component comes in three sizes (small, medium, and large) and three different styles (Primary, Filled, and Secondary). They must contain an icon and can optionally have a visible label.
Look at this new component in Playroom.
Meter & Legend alignment
We’ve aligned Meter’s auxiliary bar with LegendItem’s new dimmed prop, to ensure they are always in sync visually, even in dark mode. In addition, not setting a colour in LegendItem now defaults to the background colour of meter, i.e. the part that is not covered by any coloured bar.
Look at this new component in Playroom.
Accessibility improvements
Additionally, we have made several accessibility improvements in the recent releases and will continue to do so in the future.
Thank you to everyone involved for their outstanding work on the latest Design System releases!