🎨 Themes
Updated some tokens for chameleon-theme-sw. !2291 !2272
Added a premium subtheme for chameleon-theme-sw. !2271
Fix for editorial labels in all subthemes for chameleon-theme-nb. !2271
Add asset header tokens. !2295
🚀 Features
chameleon-react
We have added the as prop to our <Logo /> component, which makes it work the same as <Illustration /> and <Icon />. Be sure to check the PR for more details: !2224
🏠 Internal
Updates to dependencies:
CSS classname cleanup. !2226 !2273
Fix a small cleanup issue when transforming tokens. !2287
Replace chalk by node styleText. !2268
Small extra preflight check for our automatic Figma asset download. !2269
🎨 Themes
Added sponsored-content subthemes for chameleon-theme-beltel, chameleon-theme-indo and chameleon-theme-sw. !2207
🚀 Features
chameleon-react
We've exposed an update function to our <Dropdown /> component so you can trigger a recalculation for its position when needed. Check out the example we've added on using it with a MutationObserver. (Also, we've migrated the entire codebase from using popper to its successor floating-ui.) !2222
🐛 Bug Fix
Fixed an issue where in some brands the play icon wasn't correctly centered. !2213
🏠 Internal
Updates to dependencies:
Fixed a small issue with our git hooks. !2214
Added some JSDoc typing to our compile setup. !2203
Added the possibility to throttle uploads to Focus CDN. !2201
Added a custom stylelint logic to test our responsive Teaser React components. !2209
Did some housekeeping on our docs website, our build logic, our dev stories, our examples and other things. !2205 !2208 !2210 !2212 !2215 !2217
Fixed an issue in our .dockerignore. !2204
Added an enhancement to our dev setup for component demos for our docs site. !2225
Improved the rendering of <Accordion />. !2206
🎨 Themes
Added a new version of the KH Interference-font for CrimeWorld, the old one did not render correctly on windows machines. !2199
🚀 Features
chameleon-react
Exposed a month property on the DatePicker component to allow controlling the displayed month programmatically. !2200
🚀 Features
chameleon-react and all chameleon-theme-* are now type: module. !2195
🐛 Bug Fix
chameleon-react
Ensured the comment count is not displayed when the comments prop is explicitly set to false or a null value on Teasers. !2193
🎨 Themes
Onboarded Crime World, the redesign of Sunday World. Keep in mind that due to architectural decisions, the brandcode stays SW and the theme package thus continues to be named chameleon-theme-sw. !1886
Fixed the design of the editorial label on the accent-strong subtheme in chameleon-theme-hbvl. !2187
🎨 Themes
Reverted the change for the color of BrandHeading in chameleon-theme-nb. !2173
🚀 Features
Added a slew of new icons to the icon library. !2176
🏠 Internal
Small enhancement to our deployment process. !2172
🎨 Themes
Changed the color of BrandHeading in chameleon-theme-nb. !2150
Updated the Divider design in chameleon-theme-hbvl in subthemes. !2152
Changed the font-weight in the Teaser label for chameleon-theme-hbvl. !2162
Refactored and updated designs for subthemes in chameleon-theme-gva. !2112
Updated designs for the playbutton in Teaser components. !2158
🚀 Features
Added cookie and cookie-off icons to the icon library. !2157
chameleon-react
Changed all relevant :focus states to use :focus-visible instead so mouse users no longer get a useless focus ring whereas for keyboard users, it's still there. !2148
🐛 Bug Fix
chameleon-react
Fixed an issue where text-decoration would not be visible in our LinkText component. !2159
Fixed an issue where incorrect tokens were applied on Teaser meta content. !2165
chameleon-swift
Fixed an issue with duplicate font registrations in iOS. !2156
🏠 Internal
Updates to dependencies:
Start using swiftly and update Swift to 6.1.1. !2115
🎨 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
🎨 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:
Cleanup code and fix some warnings for swift 6. !2114
🎨 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:
We've started the process of migrating away from @mediahuis/scripts throughout our codebase, first up are the formatting, linting and cleaning commands. !2069
