🎨 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

🎨 Themes​

• Changed the default date time format for all MHNR brands. !1491
• Updated some teaser font-weights for all MHNR brands. !1476
• Fixed an a11y issue for chameleon-theme-hbvl by changing highlight.dateTime token. !1492
• Made some small visual changes to chameleon-theme-co and chameleon-theme-lw teaser font styling. !1481

🚀 New Feature​

chameleon-react​

• Configurable locale: you can now pass a locale to <Datepicker /> and <DateTime />. !1105
• Redesigned <ListTeaser /> date-time alignment. !1493

chameleon-kotlin & chameleon-swift​

• Dynamic subtheming! For the purpose of AB testing, we now allow you to create your own subthemes at runtime. This introduces a 💥 BREAKING change for chameleon-kotlin. Be sure to check out the migration guide. !1447
• The List component now has the ability to pass an icon with a color. !1497

🐛 Bug Fix​

chameleon-react​

• Fixed an issue with the inset prop for <DefaultTeaser />. !1477
• Added the text-transform CSS rules for teaser taxonomies. !1474
• Fixes an issue with sizing of premium logos. !1483
• Fixes an issue with sizing of images in horizontal <DefaultTeaser/>. !1484
• Fixes an issue with alignment/word-breaking in some teaser taxonomies. !1490

🏠 Internal​

• Updates to dependencies
  • @percy/cli: 1.27.7 -> 1.28.0
  • apple/swift-log: 1.5.3 -> 1.5.4
  • compose-activity: 1.8.0 -> 1.8.2
  • compose-bom: 2023.10.01 -> 2024.02.00
  • compose-navigation: 2.7.5 -> 2.7.7
  • kotlin-android: 1.9.20 -> 1.9.22
  • kotlin-compiler-extension: 1.5.4 -> 1.5.8

🎨 Themes​

• Refactored outdated teaser layout tokens. !1441 !1462
• Added a premium subtheme for MHNR (HMC) brands. !1467 !1469

🚀 New Feature​

• Hyphenation and word-breaking in Teaser components. !1454

🐛 Bug Fix​

general​

• Fixed some typography issues in chameleon-theme-stw on large viewports. !1466

chameleon-react​

• Added a small workaround patch for an annoying issue regarding bundlers and chunking causing CSS to be loaded in an unforeseen way. We've upped the specificity on some CSS rules as a workaround for a premium logo that wasn't showing because of this in certain contexts. !1458
• Fixed an issue with highlight for DefaultTeasers !1470
• Fixed issues with alignment of prefix, title, label, subLabel and premium. Shoutout to @wannes.debacker for this one. !1461

kotlin/android​

• Not really a bug but, we've renamed some assets to avoid resource name collision when using legacy and modern chameleon together in an Android app. !1473

🏠 Internal​

• Updates to dependencies
  • @svgr/*: 6.5.1 -> 8.1.0
  • android-gradlePlugin: 8.1.3 -> 8.2.1
• Updates to docs:
  • Added some extra documentation on how to correctly use Buttons as links !1459
• Added a small internal tool to inspect our assets on Focus CDN !1431
• Added a reproducible test case for !1458 in our next example app. Special thanks to @StevenBenisek. !1458

👻 Note: 4.9.0 has been skipped due to a botched release process.

🚀 New Feature​

• Italics! Tokens now support italic style fonts. !1382
• In order to get a better visual sizing for the play button on video teasers, the size is now fluid with a min and max value. !1410
• ListTeaser visual updates: update styling of the datetime and layout dependent on size of surrounding container !1419 and also add an underline on hover !1432
• BrandedHeading component no longer requires an actionLabel. Now, when this prop is omitted, the Chevron icon will be adjacent to the text instead. !1425
• ListTeaser component now has underline on hover. !1432

🐛 Bug Fix​

• Fixed a missing config/cdn.json file in all new MHNO themes. !1430
• Fixed a bug inside the TeaserPremium icon, where on xs breakpoint with size sm it placed the premium-icon on a new-line. !1439
• Fixed an issue with our themes/subthemes setup for CSS. !1442
• Fixed a padding issue on DefaultTeaser. !1448

🏠 Internal​

• Updates to dependencies
  • @percy/cli: 1.27.6 -> 1.27.7
  • @tokens-studio/sd-transforms: 0.11.6 -> 0.14.1
  • storybook/*: 7.2.2 -> 7.5.16
  • apple/swift-log: 1.5.3 -> 1.5.4
• Updates to docs website:
  • Extra docs for chameleon-react Teasers and TextField, migration document for the upcoming assets unification, and added Dieter to the team. !1404
  • Added breakpoints to foundations !1421
• In addition to updating Storybook to the latest version, we fixed a longstanding bug that caused our own setup not to show the responsiveness of our tokens. !1408
• Make css classes readable in our storybook !1422
• Removed an obsolete fs-extra dependency !1424
• A complete refactor of our demo Android app, marking a great start for @dieter.vaesen! !1413