[Inline loading] Update checkmark icon and loader size

[laurenmrice]

Checkmark icon

Current:

New:
-Replace current check with 16/checkmark--filled. Fill: interactive-01 and Check: icon-03
-8px between icon and text

[laurenmrice]

Loader

Current:

New:
-16x16px container with a 14x14px loader.
-8px between loader and text

[laurenmrice]

Changes to match file uploader (Ref PR: #3016 )

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[laurenmrice]

not stale

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[laurenmrice]

not stale

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[laurenmrice]

not stale

[asudoh]

@laurenmrice A question; The spinner seems to have approximately 2.56 pixels for its stroke and 6.4 pixels for its radius (based on the center of the stroke). Any guidance wrt how these should change? I'm guessing that we are shrinking (only) the radius, but not fully certain. Any info would be nice. Thanks!

[laurenmrice]

Hey @asudoh The current spinner 16px spinner takes up the full 16px x 16px box. Our 16px icons usually have some padding around the icon so that the actual icon is a little smaller than 16px but sits within a 16px bounding box. We want to change the current spinner to have this padding like the other icons. The stroke should stay the same, but it should just get smaller to accommodate the padding.

Ex: We want the one on the right with padding

[asudoh]

Thanks @laurenmrice for clarifying!