Skip to content

v17.0.0

Compare
Choose a tag to compare
@agliga agliga released this 28 Dec 20:38
· 211 commits to master since this release
d3a2887

Major version release

Breaking changes

Please be aware this version has breaking changes that will require you to update your application

  • Legacy theme and legacy tokens have been removed. Please update your application to use the latest themes Note if you need more time to migrate away from the legacy theme I recommend to pull in the old stylesheets in your application directly. These can be found in previous versions. (#2206)
  • Icon update. We have updated icons and removed some. Please see the following issues for more information about which icons were removed and which ones positioning were modified (#2053 #2167 #2166)
  • Infotip/Tooltip/Tourtip have added floating-ui support. This means that we require some base positioning on the non JS and static versions of these popups. We recommend to use floating-ui to achieve this, but if you want a simple tip, you will need to position it initially and also add pointer positional classes by default.
  • The following classes and tokens have been removed. Please update accordingly:. cta-btn--large-truncated, progress-stepper__items--current, @button-height-xsmall (xsmall size has replaced small size)

Major changes

Skeletons

Skeleton loaders have been finally added in our library. This new component should be used in very specific cases which is defined. Please look at those before implementing skeleton loaders to minimize layout shifts and other problems. Skeleton loaders documentation

Infotips/Tooltips/Tourtips

We have added floating-ui support to all our tips. We still support the base usecase of using a tip without javascript positioning, but we recommend to use floating-ui to position your tips. Now when we open up a tooltip at the bottom of the page, or in a hidden overflow div, it should show up correctly! This was a long time coming and we are happy to have this change in this version.
The hope is to add this to other places, such as combobox, listbox, etc so that those will "float" correctly. But this is a future task.

Chips combobox

We have added the final step in our chips journey! We spent a while on this issue but I think what we put out is a great quality code.

What's Changed

Full Changelog: v16.9.1...v17.0.0