Bump react-loading-skeleton from 2.2.0 to 3.0.0

[dependabot]

Bumps react-loading-skeleton from 2.2.0 to 3.0.0.

Release notes

Sourced from react-loading-skeleton's releases.

3.0.0

Migration Guide

1. Add the new required CSS import:

   import 'react-loading-skeleton/dist/skeleton.css'

2. Read the full list of breaking changes to see if any affect you.

Breaking Changes

• Drop Emotion dependency, add CSS file that must be imported
  • Dropping Emotion avoids conflicts when multiple Emotion versions are used on one page and reduces bundle size
• Reimplement SkeletonTheme using React context
  • The old SkeletonTheme rendered a <div> which was undesirable in many cases. The new SkeletonTheme does not render any DOM elements.
  • The old SkeletonTheme did not work if the Skeleton was rendered in a portal. The new SkeletonTheme does work in this case.
• SkeletonTheme: rename the color prop to baseColor
• Convert to TypeScript
• Publish code as ES2018 to reduce bundle size
• Require React >= 16.8.0
• Drop Internet Explorer support

If you need to support Internet Explorer or use an old version of React, please continue to use react-loading-skeleton v2.

Features

• Add many new style-related props to SkeletonTheme
• Publish an ES module in addition to a CommonJS module
• Add direction prop to support right-to-left animation
• Add enableAnimation prop to allow disabling the animation
• Add containerClassName prop to allow customizing the container element
• Add containerTestId to make testing easier
• Add aria-live and aria-busy attributes to the skeleton container to improve screen reader support

Other Changes

• Optimize animation performance:
  • The old animation animated the background-position property which made the browser repaint the gradient on every frame.
  • The new animation animates the transform of a pseudoelement. This avoids repaints and results in an observable decrease in CPU usage.
• No longer require width and height to be set for the circle prop to work

... (truncated)

Changelog

Sourced from react-loading-skeleton's changelog.

3.0.0

Migration Guide

1. Add the new required CSS import:

   import 'react-loading-skeleton/dist/skeleton.css'

2. Read the full list of breaking changes to see if any affect you.

Breaking Changes

• Drop Emotion dependency, add CSS file that must be imported
  • Dropping Emotion avoids conflicts when multiple Emotion versions are used on one page and reduces bundle size
• Reimplement SkeletonTheme using React context
  • The old SkeletonTheme rendered a <div> which was undesirable in many cases. The new SkeletonTheme does not render any DOM elements.
  • The old SkeletonTheme did not work if the Skeleton was rendered in a portal. The new SkeletonTheme does work in this case.
• SkeletonTheme: rename the color prop to baseColor
• Convert to TypeScript
• Publish code as ES2018 to reduce bundle size
• Require React >= 16.8.0
• Drop Internet Explorer support

If you need to support Internet Explorer or use an old version of React, please continue to use react-loading-skeleton v2.

Features

• Add many new style-related props to SkeletonTheme
• Publish an ES module in addition to a CommonJS module
• Add direction prop to support right-to-left animation
• Add enableAnimation prop to allow disabling the animation
• Add containerClassName prop to allow customizing the container element
• Add containerTestId to make testing easier
• Add aria-live and aria-busy attributes to the skeleton container to improve screen reader support

Other Changes

• Optimize animation performance:
  • The old animation animated the background-position property which made the browser repaint the gradient on every frame.
  • The new animation animates the transform of a pseudoelement. This avoids repaints and results in an observable decrease in CPU usage.
• No longer require width and height to be set for the circle prop to

... (truncated)

Commits

• See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

[dependabot]

Superseded by #83.