Skip to main content

206 posts tagged with "changelog"

View All Tags

Version 2.2.0

Thomas Mattheussen
Thomas Mattheussen
PO & Lead Developer

🚀 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:
  • 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

Version 2.1.1

Thomas Mattheussen
Thomas Mattheussen
PO & Lead Developer

🚀 New Feature​

  • We’ve added size adjusted fallback fonts for each brand to try and reduce CLS. !472
  • The <Placeholder /> component now accepts any value for the aspectRatio prop in the form of X:Y, so for example <Placeholder aspectRatio="4:5">, so you are no longer stuck with the predefined aspect ratios. !502

🎨 Themes​

  • We welcome 3 new brands to Chameleon in this release!
    • Aachener Zeitung: chameleon-theme-az. !498
    • Telegraaf: chameleon-theme-tel. !484
    • Mediahuis Group: chameleon-theme-mh. !491
  • chameleon-theme-ds received a well deserved rebranding with new fonts, colors, logos and more! !489

🐛 Bug Fix​

  • We’ve fixed the fact that actions in <BrandedHeading /> in chameleon-theme-swcom were hidden since our CSS Custom Properties '2.0.0' release. !496
  • We’ve fixed the Nuacht Serif Headline font not appearing for chameleon-theme-indo and chameleon-theme-beltel as well as slightly adapting their designs for the <BrandedHeading />. !508

Version 2.0.0

Thomas Mattheussen
Thomas Mattheussen
PO & Lead Developer

🚀 New Feature​

  • 💥 BREAKING: We’ve completely overhauled our CSS architecture in chameleon-react and now use vanilla CSS instead of SCSS. This also means we now use CSS Custom Properties instead of SCSS variables! (An SCSS output of all design tokens still remains available for you to use for the time being.) To be able to use it, you now have to include a little PostCSS configuration to make it work. !395.
  • max breakpoints: we’ve added some extra breakpoint design tokens. Each breakpoint now also has a 'max' version with a value of 1px less than the next breakpoint. This way, you have a breakpoint on each end of a viewport size. Now, when you are using @media (max-width: ...) you can use these new breakpoints! The <Hidden /> component now takes this into account as well. (which is technically speaking also 💥 BREAKING)

🎨 Themes​

  • Enlarged the font-size for the small <BrandedHeading /> from 18px to 24px in chameleon-theme-dl !479
  • Added a logo variation brand-icon-newspaper to chameleon-theme-hbvl-summer-2020, chameleon-theme-gva-summer-2020, chameleon-theme-nb-winter-2021 !480

🏠 Internal​

Version 1.15.1

Thomas Mattheussen
Thomas Mattheussen
PO & Lead Developer

🎨 Themes​

  • Fixed a visual glitch in the favicons of chameleon-theme-hbvl-summer-2020 (more specifically in the u of 'Nieuws'). !465
  • Updated the color.primary.40 value for chameleon-theme-dl from #41A7E5 to #2DA2E3 !464

🐛 Bug Fix​

  • Fixed an issue with the inputmask dependency that arose after our big tree shaking refactor. !460
  • Fixed an issue where the Android output file tokens-integers.xml contained float values. !463

🏠 Internal​

  • Updates to dependencies:

Version 1.15.0

Thomas Mattheussen
Thomas Mattheussen
PO & Lead Developer

🚀 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​