🐛 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

🐛 Bug fix​

chameleon-swift​

• Allow using Xcode 15.2 by lowering swift version to 5.9 !1766

🐛 Bug fix​

chameleon-kotlin​

• A bug was found where text in components for certain SubThemes were cut off. Aligning the line height logic with web solves this problem. !1749

🚀 New Feature​

• We've extended our RelatedTeaser component with an image prop. !1752

🏠 Internal​

• Make sure our swift code is compatible with mac as well !1751
• Our docs website component previews now persist the props in the URL. !1759

🐛 Bug fix​

chameleon-swift​

• textCase is properly filled and no longer optional !1743

• Typography now contains a textDecoration prop too

🎨 Themes​

• Added the breaking subtheme for chameleon-theme-dl and made some changes to the teaser editorial tokens. !1738
• Made some changes to the breaking subtheme and the teaser editorial tokens for the MHNR brands. !1719
• Updated the design for the Branded Header for the MHNR brands. !1717
• Updated the quotes icon for the MHNR brands. !1731

🏠 Internal​

• Updates to dependencies
  • @percy/cli: 1.28.7 -> 1.29.0
  • @storybook/addon-webpack5-compiler-swc: 1.0.3 -> 1.0.5
  • husky: 9.1.1 -> 9.1.4
  • postcss: 8.4.39 -> 8.4.40
• Fixed some small issues on our docs website !1739 !1742
• Fixed some small workflow issues in our CI pipeline !1730 !1740

🚀 New Feature​

chameleon-swift​

• Check validity of subTheme on set on the token container. !1710

🐛 Bug fix​

chameleon-react​

• Fixed an SSR issue with our <Portal /> component. !1716

chameleon-themes​

• Fixed an issue with SVG dimensions on chameleon-theme-lt logos. !1723

chameleon-swift-tokens-legacy​

• Fixed a build/pipeline issue. !1720

🏠 Internal​

• Updates to dependencies
  • @percy/storybook: 6.0.0 -> 6.0.1
  • @popperjs/core: 2.11.6 -> 2.11.8
  • husky: 8.0.3 -> 9.1.1
  • turbo: 1.13.3 -> 1.13.4
• Added subtheme functionality to our demo's on the docs website. Darkmode functionality has been implemented as well, but hidden from our users for now (as we don't have any good darkmode brands atm). !1653

🚀 New Feature​

• We've added the editorial functionality to our Teaser components giving you the power to mark teasers as being "live" or "breaking"! This addition comes in the form of the editorialLabel and editorialAnimation props on our <DefaultTeaser /> and <TextOnImageTeaser /> components. !1667

• We've added the possibility to group countries in our <PhoneField /> component. For example, if you want to separate "BeNeLux" and "Other countries". !1684

🐛 Bug Fix​

chameleon-react​

• We've fixed a small padding issue in our <Quote /> component. !1704

🏠 Internal​

• We've improved the handling of our Kotlin tests !1707
• We've fixed a small layout issue on our docs website !1701
• We've added some useful enhancements for our storybook. !1691

🐛 Bug Fix​

chameleon-swift​

• Swift default provider to remove fatalError when token value not found !1695
• Introduced a subTheme getter to validate the created subTheme against the available subThemes in the theme. !1699

let subTheme: SubTheme.Kind = try SubTheme.Kind("sponsored-content")

chameleon-kotlin​

• Introduced a subTheme getter to validate the created subTheme against the available subThemes in the theme. !1702

val subTheme: SubTheme.Key? = SubTheme.Key.get(
  name: "sponsored-content",
  theme: theme)

🏠 Internal​

• Updates to kotlin/android dependencies:
  • gradle: 8.6 -> 8.7
  • android-gradlePlugin: 8.2.1 -> 8.5.0
  • appcompat: 1.6.1 -> 1.7.0
  • compose-activity: 1.8.2 -> 1.9.0
  • compose-bom: 2024.02.00 -> 2024.06.00
  • coreKtx: 1.12.0 -> 1.13.1
  • material: 1.10.0 -> 1.12.0
  • versionLifecycleRuntimeKtx: 2.6.2 -> 2.8.2
  • androidTools: 31.3.2 -> 31.5.0

🎨 Themes​

• We've onboarded De Limburger (chameleon-theme-dl) !1686
• We've updated the logo for Luxembourg Times. !1689

🐛 Bug Fix​

chameleon-kotlin​

• While improving our Kotlin demo app, we saw some possible improvements for some components and fixed them on the go. !1688

chameleon-react​

• Fix bug in TextOnImageTeaser where the wrong token was used for the premium-icon, which displayed the regular one. !1696
• Fix styling of <hr /> inside RichContent, aligning it with the <Divider />-styling. !1692

chameleon-swift​

• Remove false warning log of not found image-token. !1682

🏠 Internal​

• Updated our Kotlin demo app with a more dynamic live preview and better UX. !1688