🎨 Themes​

• Tweaked the design of the Tag component across all MHNR brands—again. !2136
• Adjusted the typography for titles in Teaser components for chameleon-theme-nb and chameleon-theme-ds. !2139
• Lightly onboarded the AutoVisie, Vrouw, and Privé brands onto Chameleon. !2133
• Added a logo-square-main-inverse for all MHNR brands. !2137
• Added and enhanced various favicons across all themes. !2093

🚀 Features​

chameleon-react​

• Updated the :focus state to :focus-visible for <Button /> and <IconButton />. !2142

🐛 Bug Fix​

chameleon-react​

• The <WideList /> and <Dropdown /> components now use the --input-lg-border-radius token for border-radius. !2134

🏠 Internal​

• Added props to several component demos. !2144

🐛 Bug Fix​

chameleon-swift & chameleon-swift-components​

• Fix the demo app (broken in the previous release) and made some extra improvements to various components. !2127
• Improved theme switching in demo apps by including the theme in the hasher. !2132

🏠 Internal​

• Add a test to make sure boolean tokens have correct values. !2130

🎨 Themes​

• Changed the chameleon-theme-hbvl primary font to Urbanist. !2108
• Design tweaks for the Tag component in all MHNR brands. !2102
• Updated the breaking subtheme, making it possible to use it in other contexts. !2107
• Fixed some issues with the sponsored-content subtheme for chameleon-theme-tel. !2125
• Fixed an issue with the primary Button in the premium subtheme on darkmode for chameleon-theme-tel. !2116
• Fixed some issues with Teaser highlights in the sponsored-content subtheme for belgian brands. !2118

🚀 New Feature​

• Added the trust-project icon. !2111

🐛 Bug Fix​

chameleon-swift​

• Fixed an issue switching to darkmode contexts. !2126

🏠 Internal​

• Updates to dependencies:
  • eslint-import-resolver-typescript: 4.3.1 -> 4.3.4
  • docusaurus/*: 3.5.2 -> 3.7.0
• Cleanup code and fix some warnings for swift 6. !2114

🚀 Features​

chameleon-swift​

• Add Chameleon context view modifier to safer change the context. !2100
• Small improvements on SegmentedControl. !2101

🏠 Internal​

• Automatically add issue trailers when committing and improve the pre-commit git hook. !2100

🎨 Themes​

• Changed the position of the premium logo in ListTeasers for chameleon-theme-nb. !2094

🐛 Bug Fix​

chameleon-swift && chameleon-swift-components​

• Made sure typography modifications work correctly. !2095

chameleon-docs​

• Fixed an issue on our docs website due to a bad migration, rendering all demos unusable. !2085

🏠 Internal​

• Updates to dependencies:
  • @eslint/compat: 1.2.7 -> 1.2.8
  • @percy/cli: 1.30.9 -> 1.30.10
  • vike: 0.4.142 -> 0.4.228
  • pnpm: 9.12.3 -> 10.8.0
• Continued the efforts of migrating away from @mediahuis/scripts. !2086 !2088

🐛 Bug Fix​

• Fixed a problem with token container equatablity causing Zephr custom subThemes to stop working. !2083

🏠 Internal​

• Make SegmentedControl stylable, so that it can be reused as a tab bar in the sport sdk. !2067

🎨 Themes​

• The favicons for chameleon-theme-lcd and chameleon-theme-frd are updated. !2068
• chameleon-theme-nb now uses Roboto Condensed Black instead of Roboto Condensed Bold. !2070
• We've added a premium subtheme for chameleon-theme-hbvl. !2079
• We've updated the datetime formats for chameleon-theme-nb, aligning it with the other belgian brands. !2075

🚀 New Feature​

• We've added polychrome versions of the SocialFacebook and SocialGoogle icons. !2074

chameleon-react​

• We've added a boolean type to the teaser components' comment prop. This means you don't have to provide a bogus comment count when setting commentsOptions.hideCount = false. !2077

🏠 Internal​

• Updates to dependencies:
  • @percy/cli: 1.30.7 -> 1.30.9
• We've started the process of migrating away from @mediahuis/scripts throughout our codebase, first up are the formatting, linting and cleaning commands. !2069

🎨 Themes​

• BrandedHeading padding-bottom is now 0 for both lg and sm variants in chameleon-theme-tel. !2055
• teaser.label.lg typography is now uppercased to match sm and md variants in chameleon-theme-tel. !2056
• A big enhancement to darkmode tokens for all MHNR brands. !2038
• Updated the favicons for the luxembourg brands: chameleon-theme-lt, chameleon-theme-co and chameleon-theme-lw. !2053
• Updated the logos, favicons and icons in chameleon-theme-nb to show the correct Nieuwsblad "N". !2064
• Updated the feedback and comment icons accross all brands to improve their alignment. !2063

🚀 New Feature​

chameleon-react​

• Reduced the spacing between list items, in the <List /> component as well as in <RichContent />. !2059

🐛 Bug Fix​

• Fixed the font-mapping for chameleon-theme-tel since it mapped 700 to bold as well as extrabold. !2066
• Fixed the breaking and accent-strong darkmode subthemes in chameleon-theme-tel. !2071

🏠 Internal​

• Updates to dependencies:
  • @types/react: 18.3.18 -> 18.3.20
• Added a "Favicons" foundations page to our docs site. !2058

🐛 Bug Fixes​

chameleon-swift​

• Fixed typography font rendering by using the correct font property instead of fontMarkDown. Added snapshot tests for all brands to ensure consistent typography rendering across themes (and also fixed a typo in PreviewModifier parameter name from followSystemColorSchme to followSystemColorScheme). !2050

🐛 Bug Fixes​

chameleon-kotlin​

• From now on it will be possible to retrieve drawable tokens for a string with or without specifying if it's a logo, illustration or icon. !2044

🏠 Internal​

• Updates to dependencies:
  • doozMen/swift-cli-logger: 1.0.0 -> 1.0.2
• Some small fixes and enhancements to the gradle caching introduced in the previous version. !2037