Key Updates: Adding missing tokens and some internal chores.
Notice: 4.4.1 is a failed release, so we skipped it.
ListTeaser for chameleon-theme-co, chameleon-theme-lt, chameleon-theme-lw and chameleon-theme-vl to match designs. !1297
Icon if parent is flex and the content next to it takes up much space. !2478viewport got removed from SVGs, leading to SVG's having a wrong size. !2478
country and country-fill.
!929chameleon-theme-nb,
chameleon-theme-gva, chameleon-theme-hbvl and for chameleon-theme-wl.
!929chameleon-theme-co, chameleon-theme-tc & chameleon-theme-lt now have
monochrome instead of polychrome weather icons.
!929,
!932brand and brand-fill icons for chameleon-theme-lt,
chameleon-theme-co and chameleon-theme-tc.
!929chameleon-react datepicker is now de-de instead of
fr-fr for chameleon-theme-tc.
!923country and country-fill icons, the pin and
pin-fill icons in chameleon-theme-lw and chameleon-theme-vl are now
reverted to their original design (a location pin).
!932chameleon-theme-lw, some text color tokens were wrongly mapped
internally. In practice this doesn't really change any values, as
coincidentally, the underlying values happened to be correct.
!601<Stepper /> responsiveness.
!684,
!734chameleon-theme-indo and chameleon-theme-beltel.
!709chameleon-theme-ds.
!713<Accordion> children aren't allowed to be null or undefined when
they're not the sole child.
!748chameleon-theme-vl.
!770chameleon-theme-lt.
!770chameleon-swift! Beginning with this
release we also publish a Swift library for Chameleon via Swift Package
Manager. Note, this is a 💥 BREAKING change as the lib/ios output folder
in all NPM packages has been removed.
!490chameleon-react:
<Textarea> and <Select>.
!671,
!682<Switch> in chameleon-react.
!675plate, plate-fill, plate-half,
star-half (for ratings) and play-fill (for podcasts).
!698,
!757<Accordion /> component. Notably:
<details> > <summary> under the hoodonChange callback prop has been added (called whenever another item
inside gets expanded)<table> styling in <RichContent> for chameleon-react.
!740<Dropdown>! A Dropdown is a contextual
menu that you can anchor to a a component of your choosing (usually a
Button). It uses a WideList component under the hood. 💥 BREAKING
change: to accomodate this new component we’ve made 2 changes to WideList:
clickable prop no longer adds a <ChevronForward /> icon by default
to show that it is clickable.icon and iconColor props have been removed and 2 new props are
added: iconLeft and iconRight.
!740<BrandedHeading /> actions are no longer hidden on smaller screens for
chameleon-theme-lw, chameleon-theme-lt, chameleon-theme-co,
chameleon-theme-tc and chameleon-theme-hub
!648chameleon-theme-vl, our chameleon implementation for Virgule.
!685chameleon-theme-ds:
chameleon-theme-co and chameleon-theme-lt.
!744external icon for chameleon-theme-hub, chameleon-theme-vl,
chameleon-theme-lw, chameleon-theme-lt, chameleon-theme-co and
chameleon-theme-tc
!744,
!791<BrandedHeading>
for chameleon-theme-indo and chameleon-theme-beltel.
!754,
!764chameleon-theme-gva-summer-2020. All fonts have been
reexported from Monotype and we’ve now included a bold weight for the primary
and secondary font.
!765chameleon-theme-ds
!770,
!788chameleon-theme-nb,
chameleon-theme-gva and chameleon-theme-hbvl
!770BrandNameWhite logos for chameleon-theme-co and
chameleon-theme-lt
!803alias.focusColor token for chameleon-theme-mh
!785chameleon-cli package.
!711💥 BREAKING: in <AutoComplete /> the deprecated onSuggestionSelected
prop is now removed (use onSelect instead).
!626
💥 BREAKING: in <Choice /> we’ve renamed the caption prop to
message. Update your implementations from <Choice caption="..." /> to
<Choice message="..." />
!662
💥 BREAKING: in <IconButton /> the deprecated name prop is now removed
(use icon instead).
!626
💥 BREAKING: the deprecated <Image /> component is now removed.
!626
We changed the look of <Choice type="radio" /> a little bit. It's now
clearer that this has radio functionality.
!634
The calendar icon in <DatePicker /> moved to the right of the input field.
!636
We’ve made some improvements to the design of sortable tables which makes things more clear and accessible. !677
💥 BREAKING: Fixed the readOnly prop on <DatePicker> in
chameleon-react and added a pickerInputOnly prop.
!732
💥 BREAKING: we’ve renamed all our theme packages to be compliant with Mediahuis' Entity & Brand Codes. So starting with this version number, you may need to install a different package. A short summary:
chameleon-theme-gva-summer-2020 -> chameleon-theme-gva
chameleon-theme-hbvl-summer-2020 -> chameleon-theme-hbvl
chameleon-theme-hmc-ge -> chameleon-theme-ge
chameleon-theme-hmc-hd -> chameleon-theme-hd
chameleon-theme-hmc-ld -> chameleon-theme-ld
chameleon-theme-hmc-nhd -> chameleon-theme-nhd
chameleon-theme-hmc-yc -> chameleon-theme-yc
chameleon-theme-nb -> chameleon-theme-nb-legacy
chameleon-theme-nb-winter-2021 -> chameleon-theme-nb
chameleon-theme-swcom -> chameleon-theme-sw
chameleon-theme-wort-de -> chameleon-theme-lw
chameleon-theme-wort-en -> chameleon-theme-lt
chameleon-theme-wort-pt -> chameleon-theme-co
chameleon-theme-wort-tc -> chameleon-theme-tc
chameleon-theme-mh and chameleon-theme-az, icons were not properly
processed, resulting in icons that didn't inherit the fill color.
!601chameleon-theme-mh by tweaking the design of some
of its components.
!597<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 />.
!508brand-icon-news to chameleon-theme-hbvl-summer-2020
!468