v4.13.0

Jan 12, 2021

Figma

This a large release. This new version isn't backward compatible with the previous ones. All the components have been migrated to leverage the Figma variant feature. We have also taken this as an opportunity to further polish the components.

• Migrate the components to use Figma variants.
• Improve usage of auto-layout.
• Fix theme design token usage.
• Add Autocomplete component.

Sketch

We have redesigned most of the components from scratch to make sure all components show their CSS properties using inspection tools such as Sketch Cloud Inspect tool. Because the components are now using Variables, replacing the library with this version will not work as expected. We recommend building your screens from scratch or replacing components manually.

• Redesigned most components with variables feature and fix handoff.
• Responsive bug fixes.
• Fix design tokens in the “Layer Styles“ and “Color Variables“ views.
• Better follow the Material Design spec in the table. Fix auto layout issue.
• Fix TextField variant name line -> standard.
• Update the theming guide. For instance, fix naming of Pallete to Palette.
• Components are now sorted based on their importance and relevance (e.g a. Resting, b. Hover, etc).
• The default theme is now in synced with @material-ui/core.
• States are now generated automatically.
• Add new components variants. For instance, add missing TextField value + disabled state.

Adobe XD

• Redesign Table for more complex interactions and to enable responsiveness
• Redesign List component to enable text secondary toggle
• Fix performance issues, especially with the Table component
• Add missing Alert variants
• Add Checkbox indeterminate state
• Fix auto layout issues, e.g. with the data table
• Update the design token structure to better match the React components.
• Fix the usage of design tokens in the components