Version 2.2.0

🚀 New Feature

• We’ve added a showOnFocus prop to our <DatePicker /> component. This prop controls whether the calendar should show when the input receives focus. !520

import { DatePicker } from '@mediahuis/chameleon-react';

<DatePicker
  label="Datepicker with showOnFocus"
  value={new Date()}
  showOnFocus={true}
/>;

• Typescript baby steps: we’ve added a type definition file tokens.d.ts that contains type definitions for each theme's tokens.js file. !518
• We’ve updated the UX for <AutoComplete />: Hitting the TAB key when an item is highlighted, selects that item. !525

🏠 Internal

• Updates to dependencies:
  • @babel/runtime: 7.18.6 -> 7.18.9
  • @percy/cli: 1.3.1 -> 1.9.1
  • @percy/storybook: 4.2.1 -> 4.3.3
  • @popperjs/core: 2.11.5 -> 2.11.6
  • @testing-library/jest-dom: 5.16.4 -> 5.16.5
  • dayjs: 1.11.3 -> 1.11.5
  • downshift: 6.1.7 -> 6.1.9
  • inputmask: 5.0.8-beta.17 -> 5.0.8-beta.25
  • lerna: 5.1.6 -> 5.4.3
• We introduced a solution to generate image placeholders on the fly with SVG in our Storybook stories. This way we no longer have to rely on an external service (such as placeholder.com) which results in our Percy snapshots being a little more robust. !533