🚀 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

🎨 Themes​

• Updated the default color tokens for our new Rating component. !1645 !1649
• Updated the sponsored-content subtheme colors for HBVL and GVA. !1650

🐛 Bug Fix​

chameleon-react​

• Fixed an issue with fullHeight prop in <DefaultTeaser />. !1647

chameleon-kotlin​

• Fixed a small issue with inline assets. !1651

🎨 Themes​

• Updated teaser.background.highlight.fill for HBVL sponsored-content subtheme. !1633
• Updated the person and person-fill icons for our MHIE brands (Beltel, Indo and SW). !1634
• Updated the date format tokens for GVA and HBVL so the day part no longer has leading zeroes. !1643

🐛 Bug Fix​

chameleon-swift & chameleon-kotlin​

• Fixed the rendering of inline assets. !1637 !1640

🏠 Internal​

• Updates to dependencies
  • @percy/cli: 1.28.2 -> 1.28.5
  • @swc/core: 1.4.12 -> 1.4.17
  • turbo: 1.13.2 -> 1.13.3
  • vite: 5.2.7 -> 5.2.11
• Removed plugins from chameleon-swift with a major performance boost as a consequence. !1630
• Added the new Subthemes page in our docs foundations section.

🎨 Themes​

• Updated teaser.external-icon.highlight.fill & teaser.external-icon.default.fill for MHNR themes sponsored-content subtheme. !1627

🚀 New Feature​

chameleon-react​

This release welcomes 2 brand new components to the Chameleon family:

• A <PhoneField /> component! !1608
• A <Rating /> component! !1616

Also:

• We've added a quoteeImage prop to our <Quote /> component! !1609

🐛 Bug Fix​

chameleon-react​

• Removed overflow: hidden from <DefaultTeaser />'s content. !1618
• Fixed link styling in <RichContent />. !1620
• Added an extra location for the premium logo for <TextOnImageTeaser />. !1629

swift-components​

• Quick fixed an issue with the XML parser not being able to handle ampersands. We will try a more comprehensive approach in the near future. !1624

🏠 Internal​

• Updates to dependencies
  • vitest: 0.34.6 -> 1.5.0
• Split swift legacy package into its own repo. !1545
• Refactored the way tokens are loaded on native. !1612!1628
• Dropped lerna in favor of Turborepo as monorepo tool. !1574
• Dropped lerna in favor of Beachball as versioning tool. !1510

🧑‍💻 TypeScript​

We are excited to announce the highly anticipated arrival of TypeScript support for chameleon-react. Driven by years of feedback from our Mediahuis developer community, TypeScript’s integration is set to significantly improve your productivity and application quality, fulfilling a longstanding request and demonstrating our commitment to meeting developer needs.

We view this as just the beginning. We're eager to hear your thoughts and see your contributions. We warmly invite all developers to share feedback and even submit pull requests. Let's collaborate to make it better, together!

🎨 Themes​

• Updated the datetime formats for GVA and HBVL themes. !1595
• Removed background.contextual.adaptive.default.fill overwrite and set teaser.background.highlight.fill to transparent for MHNR brands. !1611
• Fixed some semantic tokens for the accent subthemes on AZ and LW brands. !1610

🚀 New Feature​

chameleon-react​

• Added support for TypeScript in chameleon-react! Major kudos @wannes.debacker! 💫 !1571
• Deprecated the focussed prop in favor of the properly spelled focused in <AccordionItem />. !1596

🏠 Internal​

• Updates to dependencies
  • @percy/storybook: 5.0.1 -> 5.0.3
  • @swc/core: 1.4.8 -> 1.4.12
  • com.android.tools:common: 31.3.0 -> 31.3.2
• Moved all kotlin packages into one package to rule them all. !1586 !1602
• Some performance upgrades for codegen-kotlin. !1590
• Thoroughly redesigned our storybook stories. !1562
• Added linting for kotlin resource names. !1603

🎨 Themes​

• Added the sport subtheme for all MHNR (HMC) brands. !1578

🐛 Bug Fix​

chameleon-react​

• Revert the newly added feature using hyphens: auto; on certain teaser elements. Newsrooms don't want this feature, so we've now changed it to hyphens: manual;. !1583

🏠 Internal​

• Updates to dependencies
  • @percy/cli: 1.28.1 -> 1.28.2
  • @popperjs/core: 2.11.6 -> 2.11.8
  • @swc/core: 1.4.7 -> 1.4.8
  • @tokens-studio/sd-transforms: 0.14.1 -> 0.14.4
  • @zerodevx/svelte-json-view: 1.0.7 -> 1.0.9
  • color2k: 2.0.2 -> 2.0.3
  • dotenv: 16.4.1 -> 16.4.5
  • postcss: 8.4.35 -> 8.4.38
  • turbo: 1.12.4 -> 1.12.5
• Fix our ./tools/setup-mac-environment-for-mobile.sh script and make it automatically install the correct simulators. !1591