InlineLoading inactive state animation is broken

[yasotnik]

Brief description

InlineLoading component inactive state animation is broken:

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

Looks like inactive state in InlineLoading component has some weird animation of circle spinning backwards (?).
Versions used:
carbon-components@10.29.0
carbon-components-react@7.29.0

Tested both in Firefox (89.0.2 (64-bit)) and Chrome (Version 91.0.4472.124 (Official Build) (64-bit))

Steps to reproduce the issue

Have InlineComponent with status='inactive'.
You could reproduce it in react-components storybook e.g InlineComponent

Notes:

Looks like it was introduced with carbon-components-react 7.6.0

[yasotnik]

Looks like when it was working it had just spinning animation in inactive state.
Should not it be just a grey circle instead ? I am not a UX expert but from my perspective as a user it will be more natural.

Seems like it has the same behavior as active state from around 6.10.0

Link codesandbox

[emyarod]

cc @carbon-design-system/design just to confirm, what should the inactive state inline loading indicator look like?

[yasotnik]

I guess bot added wrong label to the issue.
@emyarod
I am not part of the carbon team but what I have found so far there should not be an INACTIVE state at all.
Link
The inactive loading state is when no data is being loaded. Inactive has no visual indicator.

[aagonzales]

Yeah inactive just animates to no visual. I was working correctly in previous releases.