We’ve added size adjusted fallback fonts for each brand to try and reduce CLS.
!472
The <Placeholder /> component now accepts any value for the aspectRatio
prop in the form of X:Y, so for example <Placeholder aspectRatio="4:5">,
so you are no longer stuck with the predefined aspect ratios.
!502
We’ve fixed the fact that actions in <BrandedHeading /> in
chameleon-theme-swcom were hidden since our CSS Custom Properties '2.0.0'
release.
!496
We’ve fixed the Nuacht Serif Headline font not appearing for
chameleon-theme-indo and chameleon-theme-beltel as well as slightly
adapting their designs for the <BrandedHeading />.
!508
💥 BREAKING: We’ve completely overhauled our CSS architecture in
chameleon-react and now use vanilla CSS instead of SCSS. This also means
we now use CSS Custom Properties instead of SCSS variables! (An SCSS output of
all design tokens still remains available for you to use for the time being.)
To be able to use it, you now have to include a little
PostCSS configuration
to make it work.
!395.
max breakpoints: we’ve added some extra breakpoint design tokens. Each
breakpoint now also has a 'max' version with a value of 1px less than the next
breakpoint. This way, you have a breakpoint on each end of a viewport size.
Now, when you are using @media (max-width: ...) you can use these new
breakpoints! The <Hidden /> component now takes this into account as well.
(which is technically speaking also 💥 BREAKING)
🌴 Tree shaking! We’ve greatly improved tree shaking in chameleon-react.
We’ve reduced the bare bundle size from a whopping 323.94KB to a mere
19.84KB. A 16x reduction! When importing things from chameleon, you
only import what you actually need. (We're working to get that 19.84KB down to
an absolute 0, but this is a great first step!) 🤗 Special thanks to
@StevenBenisek for making
it happen!
!MR 419
We added an extra breakpoint for small screens to our automated visual testing
process with Percy. This to ensure that visual regressions are tested in a
more responsive fashion.
!417
Added a prepare-commit-msg hook to husky to auto prepend commits with the
JIRA ticket ID.
!420
Big foundation updates for chameleon-theme-indo and
chameleon-theme-beltel: new icons, illustrations, favicons, logos, colors,
typography and more.
!412!414
Updated/reverted the brand-plus-main logo for chameleon-theme-dl!413
In line with Node's release schedule, we’ve made sure our package works on
Node's active LTS. Since we will only test on this version, we’ve also made it
the required minimal version by bumping the engines field in package.json!386
💥 BREAKING: The <Fonts /> component has been removed. Please import
@mediahuis/chameleon-theme-*/lib/web/fonts.css instead of using this
component.
!404
💥 BREAKING: The <Reset /> component has been removed. Please import
@mediahuis/chameleon-reset instead of using this component.
!404
💥 BREAKING: chameleon-react no longer has any chameleon-theme-*
packages specified in it’s dependencies. If you relied on the theme packages
being installed automatically, you need to add them to your own dependencies.
!407
