🐛 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
Themes
Changed Paragraph responsive font-size nb-winter-2021 (now 18px on desktop)
Changed Paragraph responsive font-size beltel (now 18px on desktop)
Changed Paragraph responsive font-size indo (now 18px on desktop)
Changed Paragraph responsive font-size swcom (now 18px on desktop)
Changed Paragraph responsive font-size chameleon-hmc-nhb (now 18px on
desktop)
Changed Paragraph responsive font-size chameleon-hmc-ld (now 18px on
desktop)
Changed Paragraph responsive font-size chameleon-hmc-hd (now 18px on
desktop)
Changed Paragraph responsive font-size chameleon-hmc-yc (now 18px on
desktop)
Changed Paragraph responsive font-size chameleon-hmc-ge (now 18px on
desktop)
Swift
Added new package chameleon-swift with a basic structure that includes brand
colors.
React/Themes
Changed Logo config is moved to themes
Changed hmc BrandedHeading mobile padding/overall padding finetuning
Changed hmc BrandedHeading responsive style
React
Added autocomplete prop to Autocomplete component
Update BrandedHeading nb theme
Themes
Update line-heights existing nb theme
Make illustrations tree shakable by using imports
Docs
Themes
Added first draft nb-winter-2021
Added first draft beltel
Added first draft indo
Added first draft swcom
Added you can use css-variables in nb BrandedHeading to color the text and
border color
Changed gva-summer-2020 secondary color will become blueish! Changed all line-heights are now unitless on Android, Javascript & Scss. On
iOS they are always absolute values
BrandedHeading by default no spacing left and right
Changed BrandedHeading in existing nb theme
Changed Vitesse font-weight to bold to black in existing nb theme (updated
cdn v1.0.1 and latest)
React Components
Fixed Radio Button's figures margin has a default reset now
Fixed action in WideList shrinks
Fixed Icon flex-shrink
Fixed onClose triggers multiple times in dialog
Themes
Fixed chameleon-hmc-nhb typescale font-size Heading 2
Fixed chameleon-hmc-ld typescale font-size Heading 2
Fixed chameleon-hmc-hd typescale font-size Heading 2
Fixed chameleon-hmc-yc typescale font-size Heading 2
Fixed chameleon-hmc-ge typescale font-size Heading 2
Fixed chameleon-hmc-ge react peerDependencies typo
Docs
Fixed Switch is by default not required, pass true if needed
Fixed Checkbox is by default not required, pass true if needed
React Components
Added sideEffects to package.json to enable better tree-shaking
Changed dayjs is now a peerDependency
Changed name is deprecated and replaced with as in Icon and must be
imported from @mediahuis/chameleon-theme-wl/icons
Changed name is deprecated and replaced with icon in IconButton and must
be imported from @mediahuis/chameleon-theme-wl/icons
Changed icon, iconLeft, iconRight must be imported from
@mediahuis/chameleon-theme-wl/icons, string usage is deprecated in Button,
TextField, Select, AutoComplete, IconButton, ListItem,
WideListItem
Fixed Accordion arrow-icon alignment
Themes
Added /icons to every theme-package
Added chameleon-hmc-nhb Noordhollands dagblad (Not ready for implementation)
Added chameleon-hmc-ld Leidsch Dagblad (Not ready for implementation)
Added chameleon-hmc-hd Haarlems Dagblad (Not ready for implementation)
Added chameleon-hmc-yc IJmuider Courant (Not ready for implementation)
Added chameleon-hmc-ge Gooi- en Eemlander (Not ready for implementation)
Changed chameleon-hmc Make it the parent theme for the above themes
Changed chameleon-hmc Changed greyscale for better wcag support
Changed chameleon-theme-hmc is deprecated, and will only be used as parent
theme, use chameleon-theme-nhb to replace it
Changed chameleon-theme-gva is deprecated, use
chameleon-theme-gva-summer-2020 instead
Changed chameleon-theme-hbvl is deprecated, use
chameleon-theme-hbvl-summer-2020 instead
Scripts
Added a script (chameleon-cli-create-theme) to generate a basic theme
Docs
Added last visited theme will be saved
Added url will now update when changing themes to enable better sharing
Changed theme-switch to enable more Themes
Deleted font download, you should ask the theme from now on
React Components
Added appearance prop to Placeholder so you can switch when a child is
loaded
Changed lock all package.json dependencies
Changed version of react-day-picker to "7.4.5"
Themes
Changed alias-tokens have now a specific pattern
Fixed shadow in gva-summer-2020 SearchResults
React Components
Added Illustrations component
Added forceSelection to AutoComplete component - you can now enforce a user
to select an item (under the hood we replaced react-autosuggest with DownShift
aswell)
Added verticalAlign to Logo and Image component
Added position prop to DatePicker
Added es & cjs outputs to a new /dist folder
Added package.json 'module' will now target './dist/es/index.js'
Changed package.json 'main' will now target './dist/cjs/index.js'
Changed the
getting started for developers
guides
Fixed DatePicker will now appear on top of Dialogs
Fixed when Dialogs are nested, only the one most in front will close on
Escape
iOS
Changed fonts plist file will fallback on non-existing font-weights
Themes
Added illustrations with black and white white-label fallback
Added extra font-weight to gva-summer-2020 (native apps only)
Scripts
Changed all scripts are now using mediahuis-scripts
