Skip to main content

Version 3.0.1

Thomas Mattheussen
Thomas Mattheussen
PO & Lead Developer

🐛 Bug Fix​

  • For chameleon-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
  • Small improvement in <Stepper /> responsiveness. !684, !734
  • Fixes a font issue with "Nuacht Serif Headline" in Windows environments for chameleon-theme-indo and chameleon-theme-beltel. !709
  • Fixed the font-weights in chameleon-theme-ds. !713
  • Fixed: <Accordion> children aren't allowed to be null or undefined when they're not the sole child. !748
  • Fix logos for chameleon-theme-vl. !770
  • Fix favicons for chameleon-theme-lt. !770

🚀 New Feature​

  • 🚀 Welcome to the Chameleon family: chameleon-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. !490
  • We’ve added success states for some form components in chameleon-react: <Textarea> and <Select>. !671, !682
  • We’ve added an error state for <Switch> in chameleon-react. !675
  • Some new icons have been added: plate, plate-fill, plate-half, star-half (for ratings) and play-fill (for podcasts). !698, !757
  • We updated the <Accordion /> component. Notably:
    • it now uses <details> > <summary> under the hood
    • an onChange callback prop has been added (called whenever another item inside gets expanded)
    • it now has a better focus style !631
  • We’ve added <table> styling in <RichContent> for chameleon-react. !740
  • There's a new component in town: <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:
    • the clickable prop no longer adds a <ChevronForward /> icon by default to show that it is clickable.
    • the icon and iconColor props have been removed and 2 new props are added: iconLeft and iconRight. !740

🎨 Themes​

  • <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 !648
  • Welcome chameleon-theme-vl, our chameleon implementation for Virgule. !685
  • Sending some extra love to chameleon-theme-ds:
    • Updated the illustrations to make them more branded
    • Tweaked design tokens !742, !725
  • Updated the foundations for chameleon-theme-co and chameleon-theme-lt. !744
  • Updated the external icon for chameleon-theme-hub, chameleon-theme-vl, chameleon-theme-lw, chameleon-theme-lt, chameleon-theme-co and chameleon-theme-tc !744, !791
  • Updated some font-sizes/line-heights & the design of the <BrandedHeading> for chameleon-theme-indo and chameleon-theme-beltel. !754, !764
  • Updated the fonts for chameleon-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. !765
  • Update brand & brand-fill icon for chameleon-theme-ds !770, !788
  • Update and add star ratings icons for chameleon-theme-nb, chameleon-theme-gva and chameleon-theme-hbvl !770
  • Adds missing BrandNameWhite logos for chameleon-theme-co and chameleon-theme-lt !803
  • Updated the alias.focusColor token for chameleon-theme-mh !785

🏠 Internal​

🦦 Other​

  • 💥 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

      !761