🎨 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

🚀 New Feature​

chameleon-react​

• We've significantly enhanced our typings for React, particularly in components with an as property, offering improved type safety and flexibility. !1741
• Improved accessibility for the Avatar component, which was previously hidden from screen readers. We also introduced the accessibilityLabelAvatar property, allowing screen readers to provide descriptive labels for avatars. !1777

chameleon-swift​

These updates will help with transitioning to newer components and improve overall deployment and style handling processes.

• Branch-specific Publishing: The ability to publish directly to a specific branch has been implemented, which will make deployment more flexible (Merge Request: !1770).
• Swift Loader and Banner Issues: A merge request has addressed issues related to Swift loader and banner components (Merge Request: !1778).
• Token Simplification: A simplified method of using tokens by providing a style has been introduced, which is aimed at making the transition to components smoother. The Loader and Banner have already adopted this approach, with others expected to follow in version 6 (V6).
• AutoRegister Deprecation: AutoRegister is still functional but deprecated. It will be removed in V6, so while it's not mandatory to switch to manual bootstrap yet, developers are encouraged to start doing so.

chameleon-kotlin​

• Updated autoregister/bootstrap processes: TC.autoRegister() is deprecated and will be replaced by TC.bootstrap() in V6. Both methods now include logic to prevent multiple triggers and will log a warning if skipped. !1779
• Asset tokens are now accessible via TC from this version forward. !1768
• Introduced new Chameleon components with Compose previews: ChBanner, CHLoader, CHDropdown. !1764
• The demo app is now named ChameleonApp.

🐛 Bug Fix​

Themes​

• Fixed an issue with incorrect sets enabled on DL subthemes, restoring the intended theme configurations. !1775

chameleon-swift​

• Optimized typography function calls to improve startup times and make previews more workable. !1769

chameleon-react​

• Refactored the logic for showing/hiding suggestions in the Autocomplete component when using async to enhance user experience and performance. !1772

🏠 Internal​

• Updates to dependencies:
  • @popperjs/core: 2.11.6 -> 2.11.8