[IOBP-429] listItemHeader value variant

[forrest57]

Short description

introduction of said variant

List of changes proposed in this pull request

• added props and component for said variant
• added playground entry

How to test

yarn test, also you can just run the example app

[dmnplb]

Considering that this ListItemHeader is a very specific component for payments, and it's not always used as a header section (see here and here), I think a separate component with a specific purpose is a better fit (ListItemInfoAmount or ListItemAmount?).

We can assemble it in a modular way, thanks to the typographic styles already available (H6, etc...). Also note that the new ListItem should have a loading state for the amount (see the comment here).

What do you think?

[forrest57]

Considering that this ListItemHeader is a very specific component for payments, and it's not always used as a header section (see here and here), I think a separate component with a specific purpose is a better fit (ListItemInfoAmount or ListItemAmount?).

We can assemble it in a modular way, thanks to the typographic styles already available (H6, etc...). Also note that the new ListItem should have a loading state for the amount (see the comment here).

What do you think?

you're right, it probably is better to divide them!
done in 2fc4a08, LMK what you think and sorry for making you wait 😅

[CrisTofani]

LGTM @dmnplb wait for your approval