🚀 New Features​

• 🌴 Tree shaking! We’ve greatly improved tree shaking in chameleon-react. We’ve reduced the bare bundle size from a whopping 323.94KB to a mere 19.84KB. A 16x reduction! When importing things from chameleon, you only import what you actually need. (We're working to get that 19.84KB down to an absolute 0, but this is a great first step!) 🤗 Special thanks to @StevenBenisek for making it happen! !MR 419

🎨 Themes​

• Added missing inverted logos for chameleon-theme-hub and chameleon-theme-wort-de. !447

🐛 Bug Fix​

• Fix the Roboto-Regular fonts in chameleon-theme-hub, chameleon-theme-wort-tc and chameleon-theme-nb-winter-2021. !445

🏠 Internal​

• Updates to dependencies:
  • @babel/runtime: 7.18.0 -> 7.18.3
  • @mediahuis/scripts: 1.1.0 -> 1.2.1-next.1
  • @percy/storybook: 4.2.0 -> 4.2.1
  • dayjs: 1.11.2 -> 1.11.3
  • focus-trap: 6.7.3 -> 6.9.3
  • jest-fail-on-console: 2.4.1 -> 2.4.2
  • lerna: 4.0.0 -> 5.0.0
  • react-popper-tooltip: 4.3.1 -> 4.4.1
• Fix missing documentation of the brand-icon-abbreviation-horizontal logo from chameleon-theme-hbvl-summer-2020. !446

🎨 Themes​

• Updated the weather icons for chameleon-theme-wort-de to be monochrome. !437

🎨 Themes​

• Updated the brand-plus-main logo for chameleon-theme-dl (removed the white background). !431
• Updated the weather icons for chameleon-theme-hub to be monochrome. !435

🏠 Internal​

• Updates to dependencies:
  • @percy/cli: 1.1.3 -> 1.2.1
  • @babel/runtime: 7.17.9 -> 7.18.0

🎨 Themes​

• Updates to the <BrandedHeading /> designs for chameleon-theme-wort-de (borders on top) and chameleon-theme-hub (no more borders). !425
• Updates the locale for chameleon-theme-hub to enGB (instead of the default nlBE). !425
• Updated the <Button appearance="outline"> design for chameleon-theme-hub. !426

🏠 Internal​

• Updates to dependencies:
  • @percy/cli: 1.1.0 -> 1.1.3
  • dayjs: 1.1.1 -> 1.1.2
  • husky: 7.0.4 -> 8.0.1
  • react-popper: 2.2.5 -> 2.3.0
  • style-dictionary: 3.1.1 -> 3.7.0
• We added an extra breakpoint for small screens to our automated visual testing process with Percy. This to ensure that visual regressions are tested in a more responsive fashion. !417
• Added a prepare-commit-msg hook to husky to auto prepend commits with the JIRA ticket ID. !420

🎨 Themes​

• Big foundation updates for chameleon-theme-indo and chameleon-theme-beltel: new icons, illustrations, favicons, logos, colors, typography and more. !412 !414
• Updated/reverted the brand-plus-main logo for chameleon-theme-dl !413

🏠 Internal​

• Updates to dependencies:
  • @percy/cli: 1.0.8 -> 1.1.0

🎨 Themes​

• Some foundational updates:
  • Updated icons for chameleon-theme-wl and chameleon-theme-gva-summer-2020 !400
  • Updated grey colors for chameleon-theme-hub !400
  • Updated favicons for chameleon-theme-hbvl-summer-2020 !400
  • Updated datetime tokens for chameleon-theme-wort-de (use . instead of / to separate date parts.) !408

🏠 Internal​

• Updates to dependencies:
  • @babel/runtime: 7.17.8 -> 7.17.9
  • @percy/cli: 1.0.0-beta.76 -> 1.0.8
  • @popperjs/core: 2.11.4 -> 2.11.5
  • @storybook/react: 6.4.19 -> 6.4.22
  • @testing-library/jest-dom: 5.16.3 -> 5.16.4
  • @testing-library/react: 12.1.4 -> 12.1.5
  • dayjs: 1.11.0 -> 1.11.1
  • fs-extra: 10.0.1 -> 10.1.0
  • jest-fail-on-console: 2.3.0 -> 2.4.1
  • use-callback-ref: 1.2.5 -> 1.3.0
• Removed the general fontFamily tokens to reduce dirty snapshot tests going forward. !383

🦦 Other​

• In line with Node's release schedule, we’ve made sure our package works on Node's active LTS. Since we will only test on this version, we’ve also made it the required minimal version by bumping the engines field in package.json !386
• 💥 BREAKING: The <Fonts /> component has been removed. Please import @mediahuis/chameleon-theme-*/lib/web/fonts.css instead of using this component. !404
• 💥 BREAKING: The <Reset /> component has been removed. Please import @mediahuis/chameleon-reset instead of using this component. !404
• 💥 BREAKING: chameleon-react no longer has any chameleon-theme-* packages specified in it’s dependencies. If you relied on the theme packages being installed automatically, you need to add them to your own dependencies. !407

🎨 Themes​

• Themes no longer have obsolete White Label fallback logos. This was unnecessary and caused confusion among consumers. !382
• Deleted the wrongly typed brand-sqaure-main logo from chameleon-theme-dl !382
• Fixed a missing brand-plus-main logo in chameleon-theme-nb-winter-2021 !382

🚀 New Features​

• Added an extra placeholder ratio: 21:9 !MR 359
• BETA: Added a new component: <DateTime /> !MR 354

🎨 Themes​

• Updated illustrations for chameleon-theme-nb and chameleon-theme-nb-winter-2021 !MR 324
• Updated foundations for chameleon-theme-dl !MR 332, !MR 357, !MR 376, !MR 378
• Updated foundations for chameleon-theme-hub !MR 327
• Updated grid breakpoint values for chameleon-theme-hub, chameleon-theme-wort-de, chameleon-theme-wort-en, chameleon-theme-wort-tc, chameleon-theme-wort-pt, !MR 334
• Updated color for <LinkText> in chameleon-theme-swcom !MR 331
• Updated color.grey.60 shade in chameleon-theme-swcom !MR 374
• Following a survey regarding the new Nieuwsblad app we updated the font.paragraph.size token value in chameleon-theme-gva-summer-2020, chameleon-theme-hbvl-summer-2020, chameleon-theme-nb, chameleon-theme-nb-winter-2021 and chameleon-theme-dl from 16 to 17 for better readability on mobile devices. !MR 369

🏠 Internal​

• Updates to dependencies:
  • @babel/runtime: 7.16.7 -> 7.17.8
  • @percy/cli: 1.0.0-beta.75 -> 1.0.0-beta.76
  • @popperjs/core: 2.11.2 -> 2.11.4
  • @storybook/react: 6.4.12 -> 6.4.19
  • @testing-library/jest-dom: 5.16.1 -> 5.16.3
  • @testing-library/react: 12.1.2 -> 12.1.4
  • dayjs: 1.10.7 -> 1.11.0
  • fast-glob: 3.2.10 -> 3.2.11
  • focus-trap: 6.7.2 -> 6.7.3
  • fs-extra: 10.0.0 -> 10.0.1
  • inputmask: 5.0.8-beta.1 -> 5.0.8-beta.17
  • jest-fail-on-console: 2.1.1 -> 2.3.0
• Removed internal references to deprecated <Image /> component !323
• Removed chameleon-cli-create-theme package due to not being used or maintained. !375

🐛 Bug Fix​

• Fixed typo in default grid.breakpoint.medium token value. !333

🦦 Other​

• Correctly licensed Produkt font has been added for chameleon-theme-nb-winter-2021. MR !320

🦦 Other​

• Correctly licensed Produkt font has been added for chameleon-theme-nb-winter-2021. MR !320

1.12.1 (21-2-2022)​

🚀 New Features​

• Add success state to AutoComplete, DatePicker & TextField in the chameleon-react package !MR 306

🎨 Themes​

• Add logos to chameleon-theme-hub package !MR 301
• Add RSS icon !MR 302
• Removed margin from BrandedHeading in chameleon-theme-swcom when no action is set !MR 303
• Updated the line-height from Heading1 in chameleon-theme-swcom !MR 304
• Updated the sales illustrations in chameleon-theme-nb & chameleon-theme-nb-winter-2021 !MR 307 !MR 308
• Make it possible to use the v2 logo in chameleon-theme-dl this will also be the default! !MR 309
• Updated the v2 logos in chameleon-theme-ds !MR 310
• Add theme chameleon-theme-wort-en !MR 311
• Add theme chameleon-theme-wort-pt !MR 312
• Add theme chameleon-theme-wort-tc !MR 313