1839730 - Create letter grade component

Status: RESOLVED FIXED

(Firefox :: Shopping, task, P2)

Description

[Niklas Baumgardner [:niklas]]

The letter grade component containing the letter grade and a description of the reviews.
Colors are TBD for a11y reasons

See figma for designs

Comment 1

[Jared Hirsch [:jhirsch] (he/him) (Needinfo please)]

Attachment: 6/23 screenshot of figma

Adding a screenshot so we aren't coding against a moving target.

See also a11y annotations in figma: https://www.figma.com/file/Wu4kaHSfKSQnzkym7qek3R/Shopping-Experience-MVP?type=design&node-id=1-265&mode=design&t=s4GFkPNxsyXbFQRZ-0

Comment 2

[kpatenio]

Given that the letter grade component blocks 3 other components and isn't reliant on the base card component, I'll take a stab at the initial implementation.

Comment 3

[kpatenio]

Attachment: Bug 1839730 - implement shopping letter grade component. r=#shopping-reviewers!

Comment 4

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/49bf56b2fd6a
implement shopping letter grade component. r=fluent-reviewers,desktop-theme-reviewers,niklas,flod

Comment 5

[Cristina Horotan [:chorotan]]

Backed out changeset 49bf56b2fd6a (Bug 1839730) for causing bc failures at browser_all_files_referenced.js

Backout: https://hg.mozilla.org/integration/autoland/rev/74ff4c8132a1e8b5ecc4514f01ad904788de49be

Failure push: https://treeherder.mozilla.org/jobs?repo=autoland&group_state=expanded&resultStatus=testfailed%2Cbusted%2Cexception%2Cretry%2Cusercancel&revision=49bf56b2fd6a2da8c78cd640f6069d2419396d7f

Failure log; https://treeherder.mozilla.org/logviewer?job_id=422905851&repo=autoland&lineNumber=4865

Comment 6

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/bdfb953e55db
implement shopping letter grade component. r=fluent-reviewers,desktop-theme-reviewers,niklas,flod

Comment 7

[Sandor Molnar[:smolnar]]

https://hg.mozilla.org/mozilla-central/rev/bdfb953e55db