showOnFocus prop to our <DatePicker /> component. This prop
controls whether the calendar should show when the input receives focus.
!520import { DatePicker } from '@mediahuis/chameleon-react';
<DatePicker
label="Datepicker with showOnFocus"
value={new Date()}
showOnFocus={true}
/>;
tokens.d.ts that
contains type definitions for each theme's tokens.js file.
!518<AutoComplete />: Hitting the TAB key when an item
is highlighted, selects that item.
!525<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.
!502chameleon-theme-ds received a well deserved rebranding with new fonts,
colors, logos and more!
!489<BrandedHeading /> in
chameleon-theme-swcom were hidden since our CSS Custom Properties '2.0.0'
release.
!496Nuacht Serif Headline font not appearing for
chameleon-theme-indo and chameleon-theme-beltel as well as slightly
adapting their designs for the <BrandedHeading />.
!508chameleon-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.@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)<BrandedHeading /> from 18px to 24px in
chameleon-theme-dl
!479brand-icon-newspaper to
chameleon-theme-hbvl-summer-2020, chameleon-theme-gva-summer-2020,
chameleon-theme-nb-winter-2021
!480brand-icon-news to chameleon-theme-hbvl-summer-2020
!468chameleon-theme-hbvl-summer-2020
(more specifically in the u of 'Nieuws').
!465color.primary.40 value for chameleon-theme-dl from #41A7E5
to #2DA2E3
!464inputmask dependency that arose after our big tree
shaking refactor.
!460tokens-integers.xml contained
float values.
!463chameleon-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 419chameleon-theme-hub and
chameleon-theme-wort-de.
!447chameleon-theme-hub,
chameleon-theme-wort-tc and chameleon-theme-nb-winter-2021.
!445brand-icon-abbreviation-horizontal logo
from chameleon-theme-hbvl-summer-2020.
!446brand-plus-main logo for chameleon-theme-dl (removed the white
background).
!431chameleon-theme-hub to be monochrome.
!435<BrandedHeading /> designs for chameleon-theme-wort-de
(borders on top) and chameleon-theme-hub (no more borders).
!425chameleon-theme-hub to enGB (instead of the default
nlBE).
!425<Button appearance="outline"> design for chameleon-theme-hub.
!426prepare-commit-msg hook to husky to auto prepend commits with the
JIRA ticket ID.
!420