v2

New

• Added dark mode support ✨
• Added colorScheme prop 🌈
• Added renderBlock prop to control how blocks are rendered 🧱
  This allows you to use all kinds of various tooltip components.
• The loading animation respects the prefers-reduced-motion: reduce setting now

Breaking changes

• Removed the color prop
  Use the theme prop instead to set the calendar colors for the light and dark system color scheme. By default, the calendar will use the currently set system color scheme, but you can enforce a specific color scheme with the colorScheme prop. Define each color scale explicitly with n colors, where n is the number of activity levels, or pass exactly two colors (lowest and highest intensity) to calculate a single-hue scale. Colors can be specified in any valid CSS format: theming example.
• Removed exported utility function calculateTheme()
  Use the theme prop instead.
• Removed the children prop
  Use the renderBlock prop instead.
• Removed the dateFormat prop
  No longer necessary with renderBlock. If needed, you can format dates with any function.
• Removed the labels.tooltip message
  No longer necessary with renderBlock. You can fully control what is rendered now.
• Changed the default message for labels.totalCount
{{count}} activities in {{year}} instead of {{count} contributions in {{year}}

Bugfixes

• Fixed vertical alignment of SVG <text> nodes in Firefox