🎨 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

Key Updates: Mobile Improvements and a small fix for Teasers.

🚀 New Feature​

mobile​

Chameleon-Kotlin Updates:​

Introduced a new theme provider in our Kotlin-based applications for a more personalized user experience.

Chameleon-Swift Adjustments:​

Improved mathematical functionality to support direct number input.

chameleon-kotlin​

features​

Add theme provider for individual theme !1269

chores​

• format code after generating it
• update plugin com.android.library to v8.1.3
• update kotlin 1.9.10 with related compose dependencies
• codegen kotlin/pipeline test results missing !1282
• update gradle to 8.4 !1236

chameleon-swift​

fixes​

• math should allow numbers directly !1281

chores​

• fix factory dependency to 4.3.1 !1289

🏠 Internal​

• chore(release): automate release procedure
• fix(chameleon-native-publish): more generic to allow publish of components !1285

🐛 Bug Fix​

web​

• Raise Specificity of the Heading inside the Teaser, to prevent the underlying Header to overwrite it !1276

🐛 Bug Fix​

web​

• Stop unwanted shrinking of Icon if parent is flex and the content next to it takes up much space. !2478
• Fix a bug caused by a SVGO as a dependency of SVGR where viewport got removed from SVGs, leading to SVG's having a wrong size. !2478

🏠 Internal​

release​

• Run the CDN-upload on every release, if not we created an unstable Logo component.

🎨 Themes​

• Updated the value of semantic.foreground.accent.adaptive.default.fill (for teaser label) and semantic.foreground.base.adaptive.default.fill (general text color) to match the Figma designs for chameleon-theme-lw !1260

🚀 New Feature​

• New automated CDN using Focus. More info

web​

• <DefaultTeaser /> and <TextOnImageTeaser /> now support clamping of the introduction. This is done via the introductionOptions property (where clamp is set to an amount of lines). More info

mobile​

chameleon-kotlin​

• Add support for tokens with different features

  • boolean: a bool value to activate features in a component
  • composition: type used to describe padding
  • dimension: dimensions of a component
  • format: format strings describing (like date format)
  • gradient: data to form a gradient, no drawing code yet
  • number: various numbers to be used in designs
  • sizing: the size of breakpoints
  • textDecoration: underline/strikethrough/... text

• Add drawable assets for all themes

  • x icon to social-x
  • 💥 BREAKING: the naming of the drawables changed to theme-name-kind where kind is icon, illustration or logo

• Support for Typography in both compose and for legacy Typeface

  • increase and decrease the font size of a typography token to any desired value

chameleon-swift​

• increase and decrease the font size of a typography token to any desired value

🐛 Bug Fix​

web​

• Raise the specificity for the title inside the <DefaultTeaser /> component, so its color doesn't get overridden. !1254.