fix(deps): update dependency react-loading-skeleton to v3

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
react-loading-skeleton	^2.1.1 -> 3.1.0

---

Release Notes

dvtng/react-loading-skeleton

v3.1.0

Compare Source

Features

• If count is set to a decimal number like 3.5, the component will display 3
  full-width skeletons followed by 1 half-width skeleton. (#​136)

v3.0.3

Compare Source

Bug Fixes

• Fix an edge case where the animated highlight had the wrong vertical position (#​133)

Thanks!

• @​HexM7

v3.0.2

Compare Source

Bug Fixes

• Fix explicitly setting a Skeleton prop to undefined, like <Skeleton highlightColor={undefined}>, blocking style options from the SkeletonTheme
  (#​128)
  • If you were relying on this behavior to block values from the
    SkeletonTheme, you can render a nested SkeletonTheme to override a
    theme defined higher up in the component tree, OR explicitly set one or
    more Skeleton props back to their default values e.g. <Skeleton baseColor="#ebebeb" />

v3.0.1

Compare Source

Bug Fixes

• Fix circle skeleton animation being broken in Safari (#​120)
• Fix SkeletonProps not being exported from the main entry point (#​118)
• Fix enableAnimation prop having no effect. This was a regression.

v3.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
• Change the default duration from 1.2 s to 1.5 s
• Make the default Skeleton base color a tiny bit darker so that the
  animation is more visible

Bug Fixes

• Several common issues are now resolved as a result of removing Emotion
• Fix multi-line skeletons not working with the width prop
• Fix the type of the wrapper prop in the type definitions

Thanks!

• @​srmagura
• @​aboodz
• @​RoseMagura
• @​saadaouad
• @​rlaunch

---

Configuration

📅 Schedule: "after 12am and before 08:30am on Monday" in timezone Asia/Karachi.

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, click this checkbox.

---

This PR has been generated by WhiteSource Renovate. View repository job log here.

[renovate]

Edited/Blocked Notification

Renovate will not automatically rebase this PR, because it does not recognize the last commit author and assumes somebody else may have edited the PR.

You can manually request rebase by checking the rebase/retry box above.

⚠️ Warning: custom changes will be lost.