v1.2.0

What's Changed

• add optional ringWidth property to ActivityRing (issue #4)
• add optional backgroundColor property to ActivityRing (issue #2)
• fix calculation of svg viewport size

Example Usage

<ActivityRings
  rings={[
    {filledPercentage: 0.5, color: '#fa0e5a', ringWidth: 5, backgroundColor: '#f3f3f4'},
    {filledPercentage: 0.75, color: '#afff02', ringWidth: 5, backgroundColor: '#f3f3f4'},
    {filledPercentage: 0.25, color: '#00fff8', ringWidth: 13, backgroundColor: '#f3f3f4'},
  ]}
/>

Support my Open Source work: https://buymeacoffee.com/jonasdoesthings
Full Changelog: v1.1.2...v1.2.0

v1.1.2 - DX Improvements

react-activity-rings v1.1.2

Upgrade Using Yarn:
yarn add @jonasdoesthings/react-activity-rings@1.1.2
Upgrade Using NPM:
npm install @jonasdoesthings/react-activity-rings@1.1.2

Dev Improvements

This release contains various DX improvements.

docs: enhance documentation
build: include a sourcemap in the built library for allowing devs to discover the source code in their IDE, providing a better development experience.

Full Changelog: v1.1.1...v1.1.2

v1.1.1 - Repository URL Change

react-activity-rings v1.1.1

Upgrade Using Yarn:
yarn add @jonasdoesthings/react-activity-rings@1.1.1
Upgrade Using NPM:
npm install @jonasdoesthings/react-activity-rings@1.1.1

Warning

The repository URL changed from github.com/k4ds3/react-activity-rings to https://github.com/JonasDoesThings/react-activity-rings/ due to a renaming on GitHub.

Features

• Allow passing a custom animationTimingFunction via options

Improvements

• Improve Typing of CSS-property fields
• Improve README

Build / Chores

• Update Git Repository URL in package.json
• Update URL to GitHub Pages hosted demo in README.md
• Add rollup-build-analyzer plugin to build process
• Apply editorconfig code-style to typescript files

Full Changelog: https://github.com/JonasDoesThings/react-activity-rings/commits/v1.1.1

v1.1.0

react-activity-rings v1.1.0

Upgrade Using Yarn:
yarn add @jonasdoesthings/react-activity-rings@1.1.0
Upgrade Using NPM:
npm install @jonasdoesthings/react-activity-rings@1.1.0

Features

• Add backgroundOpacity property to ActivityRingContainerOptions in order to control the ring's background

Fixes

• Don't overwrite default settings when having multiple ring containers
• Change animationDurationMillis default-value to 1000ms as described in the docs