Version 3.0.1
π 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-indoandchameleon-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 thelib/iosoutput 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>inchameleon-react. !675 - Some new icons have been added:
plate,plate-fill,plate-half,star-half(for ratings) andplay-fill(for podcasts). !698, !757 - We updated the
<Accordion />component. Notably:- it now uses
<details> > <summary>under the hood - an
onChangecallback prop has been added (called whenever another item inside gets expanded) - it now has a better focus style !631
- it now uses
- Weβve added
<table>styling in<RichContent>forchameleon-react. !740 - There's a new component in town:
<Dropdown>! ADropdownis a contextual menu that you can anchor to a a component of your choosing (usually aButton). It uses aWideListcomponent under the hood. π₯ BREAKING change: to accomodate this new component weβve made 2 changes toWideList:- the
clickableprop no longer adds a<ChevronForward />icon by default to show that it is clickable. - the
iconandiconColorprops have been removed and 2 new props are added:iconLeftandiconRight. !740
- the
π¨Β Themesβ
<BrandedHeading />actions are no longer hidden on smaller screens forchameleon-theme-lw,chameleon-theme-lt,chameleon-theme-co,chameleon-theme-tcandchameleon-theme-hub!648- Welcome
chameleon-theme-vl, our chameleon implementation for Virgule. !685 - Sending some extra love to
chameleon-theme-ds: - Updated the foundations for
chameleon-theme-coandchameleon-theme-lt. !744 - Updated the
externalicon forchameleon-theme-hub,chameleon-theme-vl,chameleon-theme-lw,chameleon-theme-lt,chameleon-theme-coandchameleon-theme-tc!744, !791 - Updated some font-sizes/line-heights & the design of the
<BrandedHeading> forchameleon-theme-indoandchameleon-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-gvaandchameleon-theme-hbvl!770 - Adds missing
BrandNameWhitelogos forchameleon-theme-coandchameleon-theme-lt!803 - Updated the
alias.focusColortoken forchameleon-theme-mh!785
π Internalβ
- Updates to dependencies
- @babel/runtime: 7.19.0 -> 7.20.13
- @mediahuis/scripts: 1.3.1 -> 2.0.0
- @percy/cli: 1.12.0 -> 1.18.0
- @storybook/builder-webpack5: 6.5.13 -> 6.5.16
- @storybook/manager-webpack5: 6.5.13 -> 6.5.16
- @storybook/react: 6.5.13 -> 6.5.16
- chalk: 5.1.2 -> 5.2.0
- dayjs: 1.11.5 -> 1.11.7
- husky: 8.0.1 -> 8.0.3
- inputmask: 5.0.8-beta.47 -> 5.0.8-beta.72
- jest-environment-jsdom: 29.1.2 -> 29.4.2
- tinycolor2: 1.4.2 -> 1.5.2
- Updated to Node v18 !628
- Rewrote our
chameleon-clipackage. !711 - We started using Gitlab's Merge Request Pipelines !812
𦦠Otherβ
- π₯ BREAKING: in
<AutoComplete />the deprecatedonSuggestionSelectedprop is now removed (useonSelectinstead). !626 - π₯ BREAKING: in
<Choice />weβve renamed thecaptionprop tomessage. Update your implementations from<Choice caption="..." />to<Choice message="..." />!662 - π₯ BREAKING: in
<IconButton />the deprecatednameprop is now removed (useiconinstead). !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
readOnlyprop on<DatePicker>inchameleon-reactand added apickerInputOnlyprop. !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
-
