Hide Button's loading label

[connor-baer]

Purpose

The Button's loading label is hidden from the accessibility tree using CSS (visibility: hidden). Switching to CSS Modules means that these styles are no longer serialized in a JSDOM environment, leading @testing-library/react to consider the element as visible.

Approach and changes

• Hide the loading label using the aria-hidden HTML attribute when not loading

Definition of done

• Development completed
• Reviewers assigned
• Unit and integration tests
• Meets minimum browser support
• Meets accessibility requirements

[changeset-bot]

🦋 Changeset detected

Latest commit: bcdfc57

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@sumup/circuit-ui	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
oss-circuit-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 11, 2023 7:36pm

[codecov]

Codecov Report

Merging #2247 (bcdfc57) into main (7a0eeff) will increase coverage by 0.00%.
Report is 2 commits behind head on main.
The diff coverage is 100.00%.

@@           Coverage Diff           @@
##             main    #2247   +/-   ##
=======================================
  Coverage   97.01%   97.01%           
=======================================
  Files         251      251           
  Lines       19822    19826    +4     
  Branches     1211     1211           
=======================================
+ Hits        19230    19234    +4     
  Misses        572      572           
  Partials       20       20           

Files Changed	Coverage Δ
packages/circuit-ui/components/Button/Button.tsx	93.18% <100.00%> (+0.15%)	⬆️