🚀 New Features
All headings (h1-h6) are now responsive! Up until this point, paragraph,
heading1, -2 and -3 were the only ones with responsive font-size and
line-height values. This feature is now extended to heading4, -5 and -6 as
well.
MR !263
Weather icons are added to chameleon-tokens so each brand now has access to
a default set of weather icons.
MR !265
We added a new closeHidden prop to chameleon-react's Banner component.
MR !295
🎨 Themes
New theme: chameleon-theme-wort-de!
!MR 272
In the <Dialog /> component. The header and footer border-color is now
updated to colorGrey30 (from colorGrey20)
!MR 257
The brand-fill icons are added for every brand.
!MR 266
Replaced Helvetica Neue Ltstd & Replaced Helvetica Neue Condensed with Roboto
in nb-winter-2021
!274
Make it possible to use the v2 logo in chameleon-theme-nb this will also be
the default!
!293
🏠 Internal
Updates to dependencies:
We have refactored the icon processing to allow for polychrome icons.
!MR 256
Added repository fields for all package.json files.
!MR 277
Refactored the color system, to allow for more flexibility regarding
foreground/background contrast.
!MR 273
Changed the way placeholders work, by using an illustration, this gives the
brands more flexibility.
!MR 278
Changed the way multibranded snapshot testing works in Percy
!289
🐛 Bug Fix
Removed default fontsize from <Text /> component
!291
🦦 Other
Deprecated <Image /> component
!MR 283
🐛 Bug Fix
Fixed: when a <Tooltip /> is used in the action="" prop of a
<WideListItem />, there's a visual overflow bug (the tooltip is clipped by a
parent with overflow: hidden.)
!MR 248
🏠 Internal
Updates to dependencies:
Refactored some deprecated Sass code: / is currently treated as a division
operation in some contexts and a separator in others. Hence
the deprecation
to use / as a division operator.
!MR 232 ,
!MR 247
🐛 Bug Fix
For chameleon-theme-hbvl-summer-2020, a faulty FF Mark Pro font file lied
at the basis of the wrong rendering of the letter "j" when your device's
locale is NL. New font files have been supplied to mitigate this issue.
!MR 238
🚀 New Features
A <RichContent /> component has been added. Basically, it’s a component that
wraps around some HTML or other components and provides some default styling.
See the documentation for more info.
MR !234
🎨 Themes
The brand-plus-main logo has been updated for chameleon-theme-swcom.
!MR 236
A new icon bot has been added for chameleon-theme-hbvl-summer-2020 and
chameleon-theme-gva-summer-2020. (All other themes fallback to a new bot
icon in chameleon-theme-wl).
!MR 232
🏠 Internal
🐛 Bug Fix
Use ~ in Step scss import
!MR 231
Make sure the key prop in <Stepper /> doesn't contain duplicate values.
!MR 214
🚀 New Features
<Dialog> component has a new prop: footer
MR !194
🎨 Themes
Updated chameleon-theme-swcom with updates on <Loader />, <Choice />,
<Stepper /> and Illustrations
!MR 222
Add brand-icon-abbreviation-horizontal to chameleon-theme-hbvl-summer-2020
!MR 223
Updated chameleon-theme-dl logos
!MR 224
Add chameleon-theme-hub favicons
!MR 229
🏠 Internal
Updates to dependencies:
Removed obsolete build:scripts from root package.json
MR !205
Some random fixes
MR !209 :
Snapshot stage in CI is now uninterruptible.
Removed version from root package.json
License files are no longer explicitly mentioned in package.jsonfiles
Refactored fonts .plist generation
MR !213
🦦 Other
💥 BREAKING : New fonts.plist structure for iOS exports.
MR !217
🐛 Bug Fix
Add height to chameleon-theme-hmc, chameleon-theme-hmc-ge,
chameleon-theme-hmc-hd, chameleon-theme-hmc-ld, chameleon-theme-hmc-nhd,
chameleon-theme-hmc-yc buttons
!MR 197
🎨 Themes
Add favicons to chameleon-theme-beltel, chameleon-theme-dl,
chameleon-theme-ds, chameleon-theme-gva-summer-2020,
chameleon-theme-hbvl-summer-2020, chameleon-theme-hmc-ge,
chameleon-theme-hmc-hd, chameleon-theme-hmc-ld, chameleon-theme-hmc-nhd,
chameleon-theme-hmc-yc, chameleon-theme-indo, chameleon-theme-nb,
chameleon-theme-nb-winter-2021, chameleon-theme-swcom,
chameleon-theme-wl
!MR 192
🐛 Bug Fix
Add missing fonts for chameleon-theme-beltel and chameleon-theme-indo
!MR 189
📝 Documentation
Deprecated <Fonts /> component
!MR 190
🏠 Internal
🐛 Bug Fix
💥 BREAKING : Not really a bug, but we fixed the spelling of the icon
attachment (previously 'attatchment')
!MR 148
<Select /> does not always have the same height as <TextField />
!MR 175 <Select /> overflowing letter "G" on Windows Chrome
!MR 176 For iOS each theme had an empty logos.swift, illustrations.swift and
icons.swift file.
!MR 159
🚀 New Features
Removed PDF versions from repo and auto generate PDF (with
pdfkit ) for iOS and VectorDrawable XML (with
a custom JAR ) for
Android.
MR !100
Added logo's, icons and illustratios to chameleon-swift
MR !138
Added (minimal) foundation tokens for chameleon-theme-swcom
MR !155
💥 BREAKING : Restructured theme output for Android
MR !143 ,
MR !162
🎨 Themes
Added a new icon set for chameleon-theme-nb-winter-2021
!MR 142
!MR 164
Added some illustrations for chameleon-theme-nb-winter-2021
!MR 182
Added a new play-arrow icon for chameleon-theme-nb-winter-2021 and
chameleon-theme-gva-summer-2020
!MR 166
For Android, motion design tokens are now integers
MR !170
Added a new language icon to chameleon-theme-wl
MR !187
📝 Documentation
Deprecated <Reset /> component
!MR 171
🏠 Internal
Updates to dependencies:
Updated jest.testTimeout
MR !134
Refactored some NPM scripts
Refactored gitlab-ci.yml and moved percy snapshots to CI
!MR 167
Removed teasers from visual testing
!MR 147
Refactored naming of storybook scripts
!MR 184
🐛 Bug Fix
🚀 New Features
We’ve taken the first steps to implementing CSS Custom Properties ! For
now, it’s just an extra style-dictionary output until we flesh this out
further. MHDS-1753
Add line-height to iOS .plist export
MHDS-412
Implement downshift onSelect in AutoComplete component
MHDS-1587
TextLink now inherits font-family
MHDS-1676
Add @babel/runtime MHDS-1532
WideListItem now uses Skeleton component as it’s loading state. 💥
BREAKING : Skeleton component was previously named Skelleton, this typo has
been fixed. MHDS-1341
💥 BREAKING : Move branded bundles for chameleon-react into new separate
chameleon-react-bundled package. If you were depending on /lib folder in
chameleon-react, please install chameleon-react-bundled instead.
MHDS-1225
🎨 Themes
Removed chameleon-theme-gva, chameleon-theme-hbvl, chameleon-theme-tmg,
chameleon-theme-limnl
MHDS-1752
Add brand-fill to chameleon-theme-dl
MHDS-1759
Add Merriweather Black to all chameleon-theme-hmc-* themes
MHDS-1750
Fix color build output in chameleon-theme-swcom
Update colors, typescale, overlay, logos foundations in
chameleon-theme-nb-winter-2021
MHDS-1745
Add FF Mark Pro Italic to chameleon-theme-hbvl-summer-2020
MHDS-1703
Add .otf font files to chameleon-theme-hbvl-summer-2020
MHDS-1710
Add color-marketing tokens to chameleon-theme-gva-summer-2020
MHDS-1716
Fixed double @popper dependencies in build output.
Removed branded bundles for chameleon-react (see New Features ).
MHDS-1225
Removed import * from Icons & Illustrations in favor of named exports.
MHDS-1746
🏠 Internal
Added dependabot automatic dependency updates
Added prettier- and eslint configs to all packages, and fixed al
formatting and linting errors
Use format and lint in CI to prevent unformatted and unlinted code merges.
Updates to dependencies:
Removed dependencies:
cross-envchromatic@storybook/addon-actions@storybook/addon-knobs
Removed chameleon-playroom
MHDS-1752
Refactored .gitlab-ci.yml configuration
Added jest-fail-on-console instead of DIY solution
No longer keep double changelog. Changelog in chameleon-docs is single
source of truth now. MHDS-1744
removed windows specific dev code
Added licenses to all packages
MHDS-1732
chameleon-reset is just a static css file now. No longer built with sass.
MHDS-1735 Remove chameleon-cli build folder from version control
Fix style-dictionary collision detection warnings in build output.
MHDS-1719
🦦 Other
💥 BREAKING : required node version is set to 14 now. chameleon will try
to adhere to the Node release cycle .
Themes
Changed HMC button update (primary buttons are red now)
Changed BrandedHeading text to wrapping instead of truncating for NB theme
Added OpenSans for HMC theme
Added motion-duration-loop token
React
Added line-height for Select component
Fixed Dialog overflow not working corectly on iPad
Android
Changed line-heights are now absolute values
React
Fixed wl cdn font-link
Fixed :visited buttons & links
Fixed logo import bug
