style: Update Button's pressed and disabled states

[brianacnguyen]

Development & PR Process

1. Follow MetaMask Mobile Coding Standards
2. Add release-xx label to identify the PR slated for a upcoming release (will be used in release discussion)
3. Add needs-dev-review label when work is completed
4. Add needs-qa label when dev review is completed
5. Add QA Passed label when QA has signed off

Description

• Updated ButtonBase to take in node for label
• Updated disabled states for all button to have 0.5 opacity
• Updated pressed states for all button
• Updated ButtonLink to properly use TouchableOpacity when size is auto
• Added more colors to Text and Icon

Screenshots/Recordings

Simulator.Screen.Recording.-.iPhone.14.Pro.-.2023-08-31.at.09.42.21.mp4

Simulator.Screen.Recording.-.iPhone.14.Pro.-.2023-08-31.at.09.44.24.mp4

If applicable, add screenshots and/or recordings to visualize the before and after of your change

Issue

Progresses #???

Checklist

• There is a related GitHub issue
• Tests are included if applicable
• Any added code is fully documented

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[socket-security]

Updated dependencies detected. Learn more about Socket for GitHub ↗︎

Packages	Version	New capabilities	Transitives	Size	Publisher
@metamask/design-tokens	1.11.1...1.12.0	None	+0/-0	113 kB	gudahtt

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
7 Code Smells

68.1% Coverage
0.0% Duplication

[georgewrmarshall]

Looks like this needs a rebase?

[georgewrmarshall]

Could this be broken up into smaller PRs for easier review? For instance we could do the ButtonIcon updates in one PR and the ButtonBase, ButtonLink updates in another. Another suggestion is to do a screencast rathe that screenshots so the PR description isn't so long 😅

[codecov-commenter]

Codecov Report

Patch coverage: 55.10% and project coverage change: +0.03% 🎉

Comparison is base (7fa438e) 32.83% compared to head (d978b3c) 32.87%.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #6727      +/-   ##
==========================================
+ Coverage   32.83%   32.87%   +0.03%     
==========================================
  Files         998      998              
  Lines       26674    26711      +37     
  Branches     2092     2098       +6     
==========================================
+ Hits         8758     8780      +22     
- Misses      17498    17509      +11     
- Partials      418      422       +4     

Files Changed	Coverage Δ
...utton/foundation/ButtonBase/ButtonBase.stories.tsx	0.00% <0.00%> (ø)
.../Button/variants/ButtonLink/ButtonLink.stories.tsx	0.00% <ø> (ø)
...ton/variants/ButtonPrimary/ButtonPrimary.styles.ts	85.71% <ø> (ø)
...variants/ButtonSecondary/ButtonSecondary.styles.ts	71.42% <0.00%> (+8.92%)	⬆️
...p/component-library/components/Icons/Icon/Icon.tsx	51.61% <0.00%> (-12.39%)	⬇️
.../Buttons/Button/variants/ButtonLink/ButtonLink.tsx	52.63% <28.57%> (-11.66%)	⬇️
...utton/variants/ButtonSecondary/ButtonSecondary.tsx	52.94% <33.33%> (-10.70%)	⬇️
...onent-library/components/Texts/Text/Text.styles.ts	42.85% <33.33%> (-2.60%)	⬇️
...ns/Button/variants/ButtonPrimary/ButtonPrimary.tsx	61.53% <50.00%> (-2.10%)	⬇️
...tton/foundation/ButtonBase/ButtonBase.constants.ts	85.71% <100.00%> (+5.71%)	⬆️
... and 6 more

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
7 Code Smells

65.3% Coverage
0.0% Duplication

The version of Java (11.0.20) you have used to run this analysis is deprecated and we will stop accepting it soon. Please update to at least Java 17.
Read more here

[tommasini]

LGTM!