🚀 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

🚀 New Feature​

chameleon-kotlin & chameleon-swift​

• Token values can now change based on a newly added windowSizeClass context. This way, you can implement the correct designs for the corresponding screen sizes. !1656

🐛 Bug Fix​

chameleon-react​

• The placement prop in our <AutoComplete /> component was no longer working, but it is now! !1676

chameleon-swift-components​

• Fix an XML parser issue concerning ampersands !1668

🏠 Internal​

• Updates to dependencies
  • @storybook/addon-webpack5-compiler-swc: 1.0.2 -> 1.0.3
  • @babel/*: 7.24.1 -> 7.24.7
  • Zollerboy1/SwiftCommand: 1.4.0 -> 1.4.1
  • doozMen/swift-snapshot-testing-cli: 1.0.1 -> 1.0.2
  • com.google.devtools.ksp:com.google.devtools.ksp.gradle.plugin: 1.9.22-1.0.18 -> 1.9.24-1.0.20
• Fixed some text-case token values containing As Typed instead of none. !1666

🎨 Themes​

• Updated some tokens in the sponsored-content subtheme for MHNR themes. !1655

🚀 New Feature​

chameleon-react​

• We've added a link prop to our <RelatedTeaser /> component which brings it more in line with the other teaser components! !1657
• We've added 2 new props to our <Quote /> component. The first one being quotationMarks prop for hiding/showing the quotation marks around the quote. The second prop is the icon prop, giving you the flexibility to change (or hide) some visual embellishment. !1659
• The <Choice /> component now also has the possibility to have a <Switch /> (instead of merely <Radio/> or <CheckBox />). !1635

🐛 Bug Fix​

chameleon-react​

• Added a missing text-decoration declaration for the action in a <BrandedHeading />. !1661
• Refactored the opening/closing logic a bit in <AutoComplete />. !1619

🏠 Internal​

• Updates to dependencies
  • @percy/cli: 1.28.5 -> 1.28.7
  • storybook/*: 7.6.10 -> 8.1.4
• Fixed a caching issue with out new turbo setup. !1652