Malty 1.x is about scaling with consistency. Departing from Beta 1.0.0, our aim with version 1.0.0 is to release more components and improve the beta ones. Having had the collaboration from the other products' teams, this new release ensures the design system matches the products' needs. We're on the path to making both the designers' and developers' lives easier.
This release is marked by an improvement not only in the components and utilities but also in general workflow and development configurations.
Components and utilities
Starting with the components and utilities, find below the changes that were made on this release.
|
Component |
Category |
Version |
Package |
|
Forms |
0.0.49 |
malty.atoms.button |
|
|
Forms |
0.0.4 |
malty.atoms.floater |
|
|
Forms |
0.0.32 |
malty.atoms.checkbox |
|
|
Forms |
0.0.10 |
malty.atoms.toggle |
|
|
Forms |
0.0.9 |
malty.atoms.radio |
|
|
Forms |
0.0.4 |
malty.atoms.chip |
|
|
Forms |
0.0.25 |
malty.atoms.select |
|
|
Text input, Password input, Phone input, Search input, Quantity input |
Forms |
0.0.50 |
malty.atoms.input |
|
Forms |
0.0.18 |
malty.atoms.text-area |
|
|
Forms |
0.0.7 |
malty.molecules.datepicker |
|
|
Navigation |
0.0.32 |
malty.molecules.stepper |
|
|
Navigation |
0.0.22 |
malty.molecules.pagination |
|
|
Information |
0.0.13 |
malty.molecules.inline-alert |
|
|
Information |
0.0.17 |
malty.molecules.alert-banner |
|
|
Information |
0.0.14 |
malty.atoms.toast |
|
|
Information |
0.0.44 |
malty.atoms.tooltip |
|
|
Information |
0.0.47 |
malty.atoms.pill |
|
|
Information |
0.0.3 |
malty.atoms.progress-spinner |
|
|
Information |
0.0.32 |
malty.atoms.progress-bar |
|
|
Overlay |
0.0.18 |
malty.molecules.modal |
|
|
Overlay |
Overlay |
0.0.30 |
malty.atoms.overlay |
|
Media |
0.0.9 |
malty.molecules.avatar |
|
|
Image |
Media |
0.0.27 |
malty.atoms.image |
|
Layout |
0.0.3 |
malty.molecules.accordion |
|
|
Padded container |
Layout |
0.0.22 |
malty.atoms.padded-container |
Besides the components, we have news for the foundation elements and utilities. Find them below.
|
Utility |
Category |
Version |
Package |
|
Headlines |
Typography |
0.0.26 |
malty.atoms.headline |
|
Text |
Typography |
0.0.33 |
malty.atoms.text |
|
Icon |
Icons |
0.0.41 |
malty.atoms.icon |
|
Icon wrapper |
Icons |
0.0.26 |
malty.atoms.icon-wrapper |
|
Colours |
Colours |
0.0.4 |
malty.utils.colors |
|
Theme provider |
Colours |
0.0.23 |
malty.theme.malty-theme-provider |
Tokens
With the alignment between design and development in mind, we've rebuilt our token system. The new tokens are automatically generated according to the design files, improving Malty's internal workflow.
Malty Test App
In an effort to improve, simplify and streamline Quality Analysis in Malty, we've created a simple, vanilla, external, completely independent React app that consumes all Malty components, and renders them in their most basic implementation.
Lastly, and again in an effort to streamline, and simplify things, every time a component is introduced, changed, or deprecated, MTA automatically rebuilds with the latest versions, for all components.
To test, troubleshoot, or simply look at our component implementations in MTA, please head to: https://mta.dev.cx-apps.io/