🚀 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

🚀 New Feature​

chameleon-react​

• Added the imageOptions prop to <DefaultTeaser /> and <TextOnImageTeaser />. (and deprecated the imageAspectRatio prop, moving it to imageOptions.aspectRatio) !1565

🐛 Bug Fix​

chameleon-swift​

• Fixed a crash on autoRegister. !1573

🏠 Internal​

• Updates to dependencies
  • gradle: 8.5 -> 8.6
• Use toml versioning catalog for all modules !1575
• Updated our docusaurus to v3 !1429
• Fix the wrong swift version in v5.5.0 !1568
• Fix the native release process for non-stable releases. !1569 !1576

🎨 Themes​

• Updated the icons for all MHNR brands. !1556

🚀 New Feature​

chameleon-react​

• Added the testIDs prop to all teaser components, allowing you to add data-testid attributes to specific internal teaser elements. !1543

chameleon-kotlin-components​

• You now don't have to use the illustration, logo or icon suffix for drawables in RichContent. !1551

chameleon-kotlin​

• Greatly improve setup performance for subtheming. !1550

🐛 Bug Fix​

chameleon-react​

• Fixed accidentally submitting forms when clicking the calendar icon in <DatePicker /> !1563

chameleon-swift-components​

• Removed the alignment prop for the List component. !1527

🏠 Internal​

• Updates to dependencies
  • @percy/cli: 1.28.0 -> 1.28.1
  • storybook/*: 7.6.10 --> 7.6.17
  • postcss-loader: 7.3.0 -> 7.3.4
• Update to xcode 15.3 and swift 5.10 with fix for swift-format. !1558
• Fixed some logos not showing on our docs homepage. !1557
• Removed our legacy styleguide JSON exports and tests (from our old docs website). !1554
• Split up the chameleon-theme-* source folder structure, making a distinction between src/ and src-legacy/. !1547

🎨 Themes​

• Updated some teaser.introduction token values for MHNR brands. !1542

🚀 New Feature​

chameleon-kotlin-components​

• Added a ChRichContent component. !1540

🐛 Bug Fix​

chameleon-swift-components​

• Fixed unstylable links in paragraphs. !1539