🎨 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

🎨 Themes​

• Updated the page-not-found illustration for all MHNR brands. !1534
• Updated the brand-icon-abbreviation-horizontal logo for HBVL. !1534

🚀 New Feature​

Native​

• Rich content now also allowed in Heading components. !1537

🐛 Bug Fix​

chameleon-kotlin-components​

• A small bugfix for possibly unspecified drawables !1528
• Separate icon annotations and spanstyles so they don't interfere !1535

🏠 Internal​

• Updates to dependencies
  • @percy/storybook: 5.0.0 -> 5.0.1
  • jsdom: 23.0.0 -> 24.0.0
• Group mediahuis packages together for renovate updates. !1531
• Small fix for our prepare-commit-msg hook when releasing. !1533
• Small perf improvement for our Swift test and builds on bitrise. !1530

🐛 Bug Fix​

chameleon-react​

• Fixed an issue in <DefaultTeaser /> where introduction wouldn't show on some breakpoints, despite having a correct introductionOptions prop.

chameleon-kotlin-components​

• We have added a temporary (see deprecation note) fix to add shadows of the ChCard component in. !1517

chameleon-swift-components​

• We have added a temporary (see deprecation note) fix to some whitespacing in the ChCard component. !1513

🚀 New Feature​

Native​

• We've updated the HTML text parsing implementations so it better handles:
  • <br/> HTML tags !1512
  • <strong> and <b> HTML tags !1518
  • inline images in text !1519 !1520
  • URLS !1521
  • Rich Content as a whole through the use of a new (experimental) ChRichContent component !1526

🏠 Internal​

• We have deprecated the ChCard component in Swift and Kotlin implementations as it is not a design system component. If you're using this component, best to move it to your own implementation as it will be removed in the next major version. !1523 !1524
• Lowered max difference percentage for kotlin snapshot tests !1511

🎨 Themes​

• Onboarded the redesign for chameleon-theme-gva. !1460

🚀 New Feature​

• Starting with this version, we now also provide our tokens.css files on the Mediahuis Focus CDN as an added way of consuming design tokens. !1509

🏠 Internal​

• First steps to migrating away from Lerna to Turborepo. Thanks @Kjell.Knapen !1482