1973782 - Migrate the Button reusable component to use the M3 button color defaults

Status: RESOLVED FIXED

(Firefox for Android :: Design System and Theming, task)

Description

[Noah Bond [:007]]

Rather than manually applying our Acorn color tokens, we should instead implicitly use the M3 color tokens when styling our reusable components. As part of this ticket, remove the custom coloring from the component and instead have the component use the color defaults from the M3 component.

Our Button composable was our original reusable component, and we've learned a lot since then. Besides using the updated color tokens, also refactor the API to make it more concise.

Comment 1

[Noah Bond [:007]]

Figma

Comment 2

[Iorga Gabriel]

Attachment: Bug 1973782 - Migrate the Button reusable component to use the M3 button color defaults

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/9ab4c47f3164
https://hg.mozilla.org/integration/autoland/rev/929ceab749ea
Migrate the Button reusable component to use the M3 button color defaults r=android-reviewers,007

Comment 4

[Cristina Horotan [:chorotan]]

https://hg.mozilla.org/mozilla-central/rev/929ceab749ea