🐛 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:
  • @babel/runtime: 7.14.8 -> 7.15.4
  • @popperjs/core: 2.9.3 -> 2.10.1
  • @storybook/react: 6.3.6 -> 6.3.8
  • @testing-library/jest-dom: 4.2.4 -> 5.14.1
  • @testing-library/react: 9.3.2 -> 12.1.0
  • @testing-library/react-hooks: 7.0.1 -> 7.0.2
  • dayjs: 1.10.3 -> 1.10.7
  • downshift: 6.1.6 -> 6.1.7
  • fast-glob: 3.2.4 -> 3.2.7
  • focus-trap: 6.6.0 -> 6.7.1
  • fs-extra: 8.1.0 -> 10.0.0
  • husky: 7.0.1 -> 7.0.2
  • inputmask: 5.0.3 -> 5.0.6
  • pdfkit: 0.12.1 -> 0.12.3
  • react-day-picker: 7.4.5 -> 7.4.10
  • react-live: 2.2.3 -> 2.3.0
  • style-dictionary: 3.0.0-rc.4 -> 3.0.2
• 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​

• Decouple :visited from :active on buttons MHBESD-50802

🚀 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

🏃‍♀️ Performance​

• 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:
  • @mediahuis/scripts: 0.0.4 -> 1.0.1
  • ink: 2.6.0 -> 3.0.9
  • ink-spinner: 3.0.1 -> 4.0.2
  • ink-testing-library: 1.0.3 -> 2.1.0
  • @testing-library/react-hooks: 3.2.1 -> 7.0.1
  • @svgr/core: 4.3.3 -> 5.5.0
  • @svgr/plugin-svgo: 5.0.1 -> 5.5.0
  • jest-specific-snapshot: 2.0.0 -> 5.0.0
  • @storybook/react: 6.0.5 -> 6.3.6
  • @popperjs/core: 2.4.4 -> 2.9.3
  • react-popper: 2.2.3 -> 2.2.5
  • react-popper-tooltip: 3.1.0 -> 4.3.0
  • husky: 2.7.0 -> 7.0.1
  • classnames: 2.2.6 -> 2.3.1
  • downshift: 6.0.6 -> 6.1.6
  • focus-trap: 5.1.0 -> 6.6.0
  • use-callback-ref: 1.2.4 -> 1.2.5
• Removed dependencies:
  • cross-env
  • chromatic
  • @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​

• Playroom introduction
• Staging environment (https://staging-chameleon.mediahuis.be)

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