🎨 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

🎨 Themes​

• chameleon-theme-az now has monochrome weather icons. !1375
• Updated some tokens for chameleon-theme-nhd. !1384
• Updated the icons for all HMC brands and added a newspaper icon to chameleon-theme-wl. !1385
• A warm welcome for no less than 8 (!) new brands that have been added to Chameleon. chameleon-theme-dvn is now joined by its brothers and sisters from the MHNO family: frd, hco, lcd, mco, nos, nof, sco, stw !1366
• Added the accent subtheme for all HMC brands. !1414

🚀 New Feature​

chameleon-react​

• Added an extra visual element to teasers with articleType='podcast'. !1398
• Semi-see-through blurry background for teasers with articleType='podcast'. !1381
• Teasers can now have multiple, different padding values, per size. !1381
• When using the sponsored-content subtheme, there's a possibility to use a premium logo instead of just text. !1383
• Added the hidden subprop to the introductionOptions of <DefaultTeaser /> & <TextOnImageTeaser /> which allows you to responsively show or hide the introduction on those teasers. ATTENTION: this also removes the default behavior where introductions were hidden by default on small breakpoints. !1394

🐛 Bug Fix​

general​

• Fixed some premium logo tokens for all HMC themes using an outdated asset link. !1383

web​

• Fixed an issue on <DefaultTeaser /> when no image was supplied. !1409
• Fixed an issue on <ListTeaser /> premium icons. !1407

native​

• Fixed a typo in the RGBAColor from hex string initializer !1387

app​

🏠 Internal​

• Updates to dependencies
  • @percy/cli: 1.27.6-alpha.0 -> 1.27.6
  • @vitejs/plugin-react: 3.1.0 -> 4.2.1
  • @easyops-cn/docusaurus-search-local: 0.36.0 -> 0.40.1
  • vitest: 0.33.0 -> 0.34.6
  • gradle: 8.4 -> 8.5

🎨 Themes​

• Add missing favicon for chameleon-theme-hub !1374
• Add inverse logos for chameleon-theme-hmc !1371
• Linktext is underlined again in chameleon-theme-hmc, defaults no longer overwrite this !1364
• dark mode added for chameleon-theme-az, chameleon-theme-co, chameleon-theme-lt, chameleon-theme-lw and chameleon-theme-vl (main and subthemes) - and extra fixes in sponsored content themes !1317

🚀 New Feature​

mobile​

chameleon-kotlin​

Tokens​

• Generated code should no longer produce warnings for unused parameters !1363

Components​

These changes are welcome contributions from the Blue team!

• Components have better default values. The names of the components are the names like on web prefixed with Ch for technical reasons !1373
• Run snapshot tests for components !1372
• Workaround for lacking suffix in Zephr sdk for icons, illustrations and logos !1370
• Divider !1329

chameleon-swift​

Tokens​

• Dark mode tokens caused a circular reference when loaded as a reference. !1367
• Fix lineheight for SwiftUI. !1347

Components​

• Icon !1356
• Heading !1353
• List !1341

🏠 Internal​

• Improve error output when generating code for swift/kotlin !1368
• Clean of repo for improved reliability of the chameleon code generation !1365
• swift/kotlin components are released automatically via chameleon pipeline with every other release. This also for the first time includes automated visual tests for swift/kotlin components. !1354
• swift/kotlin components can switch between building agains versioned release or code generated from chameleon develop !1327

🐛 Bug Fixes​

web​

• Fix issue of a wrong css (grid-columns) for horizontal DefaultTeaser with image-left. !1369

🎨 Themes​

• Update plus logos for hmc !1355
• Teasers for chameleon-theme-co, chameleon-theme-lt, chameleon-theme-lw and chameleon-theme-vl have been updated !1344

🚀 New Feature​

chameleon-swift​

• In 4.6.0 the themes were no longer added one by one to the package manifest. This is reverted due to a bug in Swift package manager where it was impossible to add dependencies to a package. Swift manifest that looks for paths to folders using file manager rather then explicitly writing them.

Fix​

• Fixes linespacing calculation in ParagraphViewModifier to make it work in SwiftUI. Linespacing was way too big.
• The demo contains a paragraph example that shows how to use the ParagraphViewModifier in SwiftUI.

Add​

• Add PaddingModifier to viewModifier to allow for padding to be added to a view.
• Add ForegroundViewModifier to viewModifier to allow for foreground color to be added to a view.
• Add TintViewModifier to viewModifier to allow for tint color to be added to a view.
• Add ShadowViewModifier to viewModifier to allow for shadow to be added to a view.
• Add FrameViewModifier to viewModifier to allow for frame to be added to a view.
• Add RoundSpecificCornerViewModifier to viewModifier to allow for background color to be added to a view.

🎨 Themes​

tokens​

• chameleon-theme-hbvl-changes !1309:
  • Added Sponsored content
  • Added Soft Theme
  • Added Strong Theme
  • Branded header changes for mobile (lg and md) are now the same.
  • Fixes for contrast
  • Item spacing for teasers (on indent) highlight change
  • Added noto font + Changed default and alt paragraph.
• chameleon-theme-hmc-changes !1290:
  • Updated foundations with new Primary,Secondary and Tertiary.
  • Updated Text.onBackground to match Contrast guidelines
  • Added small fix for fonts sizes on desktop.
  • Fixed font sizing for teasers.
  • Updated the plus-main-long and plus-main.

assets​

• Update brand-icon-logo for chameleon-theme-nb, chameleon-theme-hbvl, chameleon-theme-gva. Update brand-icon-inverse-logo for chameleon-theme-gva, add sub-brand-icon-dg for chameleon-theme-nb. Update brand-icon for chameleon-theme-beltel and chameleon-theme-indo. !1343
• Add your-section-icon for chameleon-theme-lt (and fallback for chameleon-theme-wl). !1346

🏠 Internal​

Mobile​

• Ensure themes are known to gradle without the need to insert them one by one !1338

Docs​

• Updated the docs of Quote !1334
  • Documented how to implement quotation marks.
  • Fixed some typo's.