🎨 Themes​

• Updated the logo-square-main for most MHNO brands: chameleon-theme-frd, chameleon-theme-hco, chameleon-theme-lcd, chameleon-theme-mco, chameleon-theme-sco. !1907

🚀 New Feature​

chameleon-react​

• We've exposed our previously internal <TeaserWrapper /> component so you can create your own custom teaser. !1902 !1906

chameleon-kotlin​

• We've added a lot of new components to our chameleon-kotlin package! Say hello to: LinkText, Switch, IconButton, TextField, TextArea & InputMask. Nice work @dieter.vaesen! 💫 !1872

🐛 Bug Fix​

• Fixed the logo-main and logo-main-inverse drawables for chameleon-theme-ld in chameleon-kotlin as these were causing problems due to some extremely large paths. !1901
• Fixed the play-button icon for chameleon-theme-tel as it was showing a pause icon instead. !1905

🏠 Internal​

• Added some more internal documentation. !1900

🎨 Themes​

• Added the chameleon-theme-hbvl sport subtheme. !1885
• Fixed the design for LinkText color in certain subthemes. !1892
• Added the ext-vrouw icon to chameleon-theme-tel. !1888

🚀 New Feature​

chameleon-react​

• Added a new component, welcome <SegmentedControl />! !1804
• Add a loading prop to <DefaultTeaser />, <TextOnImageTeaser /> and <ListTeaser />. This shows a skeleton where the teaser contents would be, which prevents large layout shifts, providing a smoother loading experience. !1845
• Add a allowOutsideClick prop to <Dialog /> which if true does not prevent a click outside the focus trap. !1890
• Refactored our Teaser components allowing the video play icon button to be hidden when overlayed with a playing video. !1891

chameleon-kotlin​

• Introducing our game-changing token-io setup — a revolutionary overhaul that catapults performance to unprecedented levels. This isn’t just an update; it’s a giant leap forward redifining what's possible for the Chameleon project. With this powerful new integration, we’ve hit another milestone of maturity and capability. Major kudos to @stijn.willems and @dieter.vaesen! 💫 !1760

chameleon-swift​

• Improve the error message for when you try to use a sub-theme that is not available for the current theme. !1832

🐛 Bug Fix​

• Fixed the color of the ripple effect on Button in chameleon-kotlin. !1878
• Fixes some incorrect icons !1888:
  • sorting in chameleon-theme-tel
  • brand-active in chameleon-theme-vl
  • arrow-forward in chameleon-theme-lw
  • thumbs-down in chameleon-theme-nb

🏠 Internal​

• Updates to dependencies:
  • @popperjs/core: 2.11.6 -> 2.11.8
  • @storybook/addon-styling-webpack: 1.0.0 -> 1.0.1
  • doozMen/code-connect: 1.0.4 -> 1.0.6
• Added some tests to improve the quality of the tokens-studio $themes.json file. !1881
• Added some tests to make sure we don't bloat the Kotlin libraries. !1867
• Updated our docker setup making everything faster and simpler. We also started using Node v22, as it is now the LTS version. !1884
• Improved the linting and formatting for chameleon-kotlin in CI. !1889

🎨 Themes​

• Onboarding for chameleon-theme-tel. !1706
• Made some changes to chameleon-theme-gva:
  • Updated the color.primary palette. !1870
  • Updated the color.secondary palette. !1865
  • Updated the sport subtheme. !1864
• Some new icons are available for all themes: crime, politics & entertainment. !1863

🎨 Themes​

• Updated the quotes icon for chameleon-theme-nb, chameleon-theme-dl and chameleon-theme-gva. !1859
• Updated the customer-support icon for all themes. !1859

🏠 Internal​

• Updates to dependencies:
  • @swc/core: 1.7.5 -> 1.7.35
• Refactored some icons in Figma for cleaner SVG output (no visual changes). !1858

🎨 Themes​

• Updated the datetime format tokens for chameleon-theme-dl. !1834

🚀 New Feature​

• We've added an additional position for the DateTime placement on our Teaser components. Check out the added documentation for this feature on DefaultTeaser and TextOnImageTeaser. !1794
• The placement of the image in the RelatedTeaser can now be independently configured from the placement of the image in the horizontal DefaultTeaser. Also, when an image is provided, the prefix is now positioned on top of the title for a nicer visual look. !1765

🐛 Bug Fix​

• 🚨 Fixed an incorrect dependency import causing a large number of extraneous assets to be included in your app, bloating the final APK size. If you or one of your dependencies depend on be.mediahuis.chameleon:chameleon-components:6.x.x, you should upgrade ASAP. !1855

🏠 Internal​

• Updates to dependencies:
  • @easyops-cn/docusaurus-search-local: 0.40.0 -> 0.44.6
  • css-loader: 6.9.0 -> 7.1.2
  • docusaurus/*: 3.1.1 -> 3.5.2
  • enquirer: 2.3.6 -> 2.4.1
  • eslint/*: 9.5.0 -> 9.11.1
  • express: 4.18.2 -> 4.21.0
  • globals: 15.6.0 -> 15.10.0
  • jsdom: 24.0.0 -> 25.0.1
  • libphonenumber-js: 1.10.60 -> 1.11.11
  • postcss-loader: 7.3.4 -> 8.1.1
  • prism-react-renderer: 2.3.1 -> 2.4.0
  • storybook/*: 8.1.4 -> 8.3.4
  • style-loader: 3.3.4 -> 4.0.0
  • stylelint-config-idiomatic-order: 9.0.0 -> 10.0.0
  • stylelint-value-no-unknown-custom-properties: 4.0.0 -> 6.0.1
  • vite: 5.2.11 -> 5.4.8
• Made some improvements to our automatic Figma asset sync. !1809
• Fixed some small remaining issues with our icon assets. !1835
• Fixed some wrongly rebased token files. !1836
• Fixed a small issue with our Swift tests. !1847
• Fixed a small issue with our Kotlin snapshot tests. !1851
• Fixed an issue on our docs site component preview. !1850

🐛 Bug Fix​

• Fixed an issue where podcast teaser images were sometimes incorrectly sized. !1823
• Fixed a missing accent/desktop subtheme for chameleon-theme-yc. !1806

🏠 Internal​

• Updates to dependencies:
  • @percy/cli: 1.29.3 -> 1.29.4
  • @percy/storybook: 6.0.0 -> 6.0.2
  • http-proxy-middleware: 2.0.6 -> 3.0.2
  • husky: 9.1.4 -> 9.1.6
  • p-limit: 5.0.0 -> 6.1.0
  • p-queue: 7.3.4 -> 8.0.1
  • stylelint: 15.9.0 -> 16.9.0
  • vitest: 1.5.0 -> 2.1.1

🎨 Themes​

• Onboardings/redesigns for chameleon-theme-ds and chameleon-theme-nb. !1736 !1737
• Updates to the accent-strong subtheme for chameleon-theme-dl. !1780

🏠 Internal​

• Updates to dependencies:
  • @percy/cli: 1.29.0 -> 1.29.3
• Update our CDN upload script to accept a custom version. !1795

🐛 Bug Fix​

web​

• Fixed an issue with svg assets where width and height attributes were missing, causing them to improperly fill their containers. !1802

🐛 Bug Fix​

web​

• Resolved a type issue in useMediaQuery, which was inadvertently excluded due to a faulty extension, leading to an error during the mediahuis-compile step. !1792
• Fixed an issue in the <Logo /> component where outdated pre-6.0.0 values were still being used, causing the image to break. !1799
• Removed the duplicate podcast image logic in the Teaser with articleType podcast. !1789

kotlin​

• You can now pass a ColorScheme and WindowSizeClass to the SubThemeStore.get() function, making it easier to retrieve a SubThemeStore. !1800

swift​

• Fixed compatibility issue with chameleon-swift 6.0 where mainActor was not inferred correctly in earlier Swift versions (Swift 5.9) MHDS-3021.

✨🌈 Welcome Chameleon 6.0.0!​

It may look the same on the surface, but behind the scenes, we’ve done some serious housekeeping. We’ve refactored all of our visual assets — logos, icons & illustrations — so everything’s now neat and easy to find. On top of that, we took out the trash by removing some long-deprecated code.

All in all, think of it as a refreshing spring cleaning.

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

🎨 Themes​

• 💥 BREAKING: The main reason for this major version: a complete refactor of all of our visual assets. Be sure to check our migration guide.

🚀 New Feature​

• An easy composable implementation to retrieve available SubThemes and Themes. !1718

🏠 Internal​

• Updates to dependencies
  • date-fns: 2.27.0 -> 3.6.0
  • react-day-picker: 8.7.1 -> 8.10.1
• Remove some unused config files. !1638
• Removed ChCard component in Kotlin. !1673
• We’ve significantly improved our workflow by automating asset downloads directly from Figma, boosting efficiency and greatly reducing the chances of human error. This is a solid step forward in making things smoother and more reliable. !1427
• 💥 BREAKING: Remove deprecated code and align some API's. Be sure to check our migration guide as a guide to these breaking changes. !1669 !1685 !1708 !1712