Skip to main content

Version 4.0.0

Thomas Mattheussen
Thomas Mattheussen
PO & Lead Developer

✨🌈 Time to shed that old skin: welcome Chameleon 4.0.0!​

Remember our old design token setup? Our new major version is a complete overhaul of our design token setup, making the old one look like a chameleon in a black and white movie. #NewSkinWhoDis?

Be sure to check out our migration guide to help guide you through the process of upgrading.

🎨 Themes​

  • 💥 BREAKING: We’ve completely overhauled our design token setup. Don't worry, we’ve also provided a way to keep using the legacy setup for now. Be sure to check out our migration guide. (In the process of doing so, there have been numerous little tweaks to a lot of themes.)

🚀 New Feature​

  • <a> tags are able to look like buttons now when placed in <RichContent /> component. !1104
  • Added a pickerFooter prop to our <DatePicker /> component. !1071
  • Added a timeZone prop to our <DateTime /> component. !1014

🏠 Internal​

  • Updates to dependencies
  • Our design tokens are now synced with Figma Tokens Studio.
  • Total revamp of chameleon-scripts.
  • Lots of performance updates to our CI setup and a lot more yet to come.
  • Switched from yarn to pnpm package manager. !1098
  • Switched from jest to vitest testing library. !1098
  • Drastically improved our CI workflow for Percy snapshot testing !1074
  • Started stylelinting our .css files. !1028
  • Migrated to storybook v7 !949

🦦 Other​

  • 💥 BREAKING: in the process of upgrading to our new setup, there have been numerous tweaks to all of our chameleon-react components. Be sure to check out our migration guide.
  • 💥 BREAKING: regarding fonts, our web packages will only contain .woff2 files from now on.
  • 💥 BREAKING: chameleon-react and chameleon-swift have had to make some changes, again, please check out our migration guide.