fix(button): update button sizes

[gfellerph]

This change updates button dimensions according to the design and reduces the file size of the button.css to ~7kb uncompressed because the arrow icon is now made with CSS and can make use of currentColor instead of a background icon which had to be "colored" by inversion.

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: 0cde4d3f71d2bfee9917aa41fce3a1dcb4edaa89

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

This PR includes changesets to release 2 packages

| Name | Type | | --------------------- | ----- | | @swisspost/web-demo | Patch | | @swisspost/web-styles | 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

[github-actions[bot]]

🚀 Preview environment ready: https://preview-103--swisspost-web-frontend.netlify.app/

[gfellerph]

@swisspost/design https://preview-103--swisspost-web-frontend.netlify.app/#/bootstrap-samples/buttons

[gfellerph]

• [x] Safari shows blue text on some button variants
• [x] Primary buttons on dark backgrounds should fade from white to 0.8 white on hover, not the other way round

[github-actions[bot]]

🚀 Preview environment ready: https://preview-103--swisspost-web-frontend.netlify.app/

[gfellerph]

@swisspost/design, this PR can be reviewed again at https://preview-103--swisspost-web-frontend.netlify.app/#/bootstrap-samples/buttons. Thx for reviewing.

[github-actions[bot]]

🚀 Preview environment ready: https://preview-103--swisspost-web-frontend.netlify.app/

[github-actions[bot]]

🚀 Preview environment ready: https://preview-103--swisspost-web-frontend.netlify.app/

[gfellerph]

@alizedebray, thanks for the review! The color of hovered buttons should stay opaque for accessibility (https://github.com/swisspost/common-web-frontend/pull/103#pullrequestreview-1013223650) and the disabled button styles were improved to be as contrastful as possible (primary on light bg is not accessible).

[sonarcloud[bot]]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.5% Duplication