Liquid glass buttons are here
We have now finalized our new glass button to be whats called liquid glass.
For customers, it guarantees a clean, readable button on any background, improving accessibility and the overall user experience.
For Hover, this will simplify design decisions because their will be one button/color that'll work across everything. It will enhance consistency across products, and make implementation easier for engineers.
View the new component in Figma here.
Updated components
for enhanced versatility
This month, we've rolled out updates to several key components, including Progress Stepper, Numeric Stepper, updated Search, Button X-Small and a updated Secondary button.
These updates are optimized for both dark and light backgrounds, along with the addition of dynamic colors to the Avatar component.
These make our components more versatile and adaptable to varying design contexts, improving both usability and aesthetic consistency.
Table component
We’ve also introduced three new table components. Table Vertical Zebra, Table Horizontal Zebra and Solid Table.
Across mobile and desktop, this adds up to nearly 400 component variants, covering all possible configurations. This ensures designers can quickly and efficiently add tables to their designs.
Updated sheet component
and documentation
The Sheet component has been fully updated with brand-new, comprehensive documentation.
Designers now have clear guidance on when and how to use Sheets versus Modals or Drawers.
For engineers, specs, props, and behaviors are aligned across platforms making implementation simpler and more consistent. Together, these updates lead to smoother, more cohesive experiences everywhere.
Updated Popover component
and documentation
The Sheet component has been fully updated with brand-new, comprehensive documentation.
Designers now have clear guidance on when and how to use Sheets versus Modals or Drawers.
For engineers, specs, props, and behaviors are aligned across platforms making implementation simpler and more consistent. Together, these updates lead to smoother, more cohesive experiences everywhere.
New icons
Credit Card, Edit, Edit Square, Edit Text, Measure Area, Percent, Water & Gutter
New partnership logos added
We’ve expanded the Partnership Logos component with five new logos and their variants.
You’ll now find Allstate, USAA, Liberty Mutual, and Rilla available directly in the library, all aligned to our latest sizing and spacing guidelines.
These additions make it easier to create consistent, on-brand partnership layouts across all touchpoints.
