🎨 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.

🚀 New Feature​

Tokens​

• Updated Tag Component for AZ
  • color set to semantic.brand
  • layout set to 4px 8px
  • Font set to secondary and medium and 12px
• Update Asset-docs for CDN
• Dialog component updates MHDS-2488
  • Update DVN Input
  • divider: color.neutral.30 is used in the react component but it should be the semantic border token (or the divider token)
  • borderRadius: component specific token needed

web​

mobile​

chameleon-kotlin​

• Token names that had numbers in them got split wrong. For example plus26Logo got split into plus26_logo instead of plus_26_logo. This is now fixed.

chameleon-swift​

• Stabilize build by adding file with all version numbers of the dependencies back into the release repo.
• Stable version of swift-string 1.0.0. Which is more correct in transforming to camelCase or snake case than the previous version.
• Plugins that generate the token code should run less often as they now have an input file allowing the build engine to skip building them if nothing changed.
• Temporary fix for inconsistent token issue where tokens like token26xl were not dynamically available. This was due to an inconsistency in dependency swift-string which transformed it to token26Xl with Xl instead of xl. This is now fixed by using the camelCase function of the same dependency.

Note: A more elaborate change is comming making token lookup for swift/kotlin more consistent and beter usable with, follow MHDS-2493

🏠 Internal​

• Release procedure allows release from up to date branch, or prepare changelog before release
• Release of chameleon-swift not updating after version 4.3.1. Some versions where skipped inbetween 4.3.1 and 4.5.0 which was released on 24-11-2023 for chameleon-swift (later then other platforms)
• Release procedure should push the tag with the version number correctly triggering pipeline job to release it.
• Run scheduled build of the kotlin-tokens to ensure its quality daily.
• Updates to dependencies
  • @percy/cli: 1.26.0 -> 1.27.6-alpha.0
  • @percy/storybook: 4.3.6 -> 5.0.0

🚀 New Feature​

web​

• Added video-icon on TextOnImageTeaser when articleType is video !1305

kotlin-tokens​

• Figma, css and zephr backend tokens can differ in casing, separator used (_-.), and special characters. To make this more flexible we now convert the token name to snake case and remove special characters. To do so we introduced a feature that lets you describe tokens more safe using enums. These enums are especially usefull when building components so an implementer can pick an enum instead of any string value !1299.

• Centralize versions for chameleon && move to kotlin 1.9.20. Whit this move we now offer a file named versions.toml that can be used in the components package to align the versions of the token package. Thus removing lots of manual work to change version numbers in serveral places which could lead to inconsistant build results. !1311

• [unresolved] Open issue remains to align this token string to value mapping by using snake casing with swift-tokens. This issue is described in MHDS-2493

tokens​

• chameleon-theme-wl and chameleon-theme-dvn Modify borderRadius in dialog !1314
• chameleon-theme-dvn Modify borderRadius in input !1314

chores​

• Fix examples install issue with pnpm !1306
• Whole lot of docsite fixes !1321
• Add format option optionally to husky, this is an opt-in option that is set by setting the CHAMELEON_PRECOMMIT to true env !1308
• Update to fs-extra dependency !1320

🐛 Bug Fix​

web​

• Fix Logo imports that causes warnings in webpack 5 !1319

tokens​

• Fix text-decoration inside RelatedTeaser for AZ !1325

Key Updates: Adding missing tokens and some internal chores.

Notice: 4.4.1 is a failed release, so we skipped it.

🐛 Bug Fix​

• Adding missing tokens for HUB subthemes !1310
• Fixing incorrect title font for the ListTeaser for chameleon-theme-co, chameleon-theme-lt, chameleon-theme-lw and chameleon-theme-vl to match designs. !1297

🏠 Internal​

• Adding missing token imports in React Components, this could cause weird results in the Percy snapshots !1301
• • Adding correct scaling tokens to docsite !1284 and !1304