feat: animates ProgressIcon

[kleinfreund]

Summary

Animates ProgressIcon using SVG animate.

Notes

Putting this up as a proposal/suggestion so we can figure out how to handle the need for an animated progress icon.

• Downside: Using SVG animate won’t allow us to use a prefers-reduced-motion media query to disable the animation (as far as I know anyway). The same downside is applicable to using only inline styles.
• Question: Should there be a boolean prop controlling whether the icon is animated?

PR Checklist

• Does not introduce dependencies
• Functional: all changes do not break existing APIs and if so, bump major version.
• Tests pass: check the output of yarn test
• Naming: the files and the method and prop variables use the same naming conventions as other Kongponents
• Framework style: abides by the essential rules in Vue's style guide
• Cleanliness: does not have formatting issues, unused code (e.g., console.logs, debugger), or leftover comments
• Docs: includes a technically accurate README, uses JSDOC where appropriate

[CLAassistant]

All committers have signed the CLA.

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[adamdehaven]

lgtm

[kongponents-bot]

🎉 This PR is included in version 1.7.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀