Monospace text style

[ulisesmac]

Bug Report

Problem

The monospace text is not reproducible by using our monospace style for the text component.

An example is the context-tag component, in figma we have:

which would be translated in our code to:

[text/text
  {:style  (style/text theme)
   :weight :monospace
   :size   :paragraph-2}
  address]

but it looks as follows:

Expected behavior

Looks the same as designs.

Reproduction

Navigate to the context-tag component in Quo2.preview:

1. Open Quo2.preview screen
2. tags
3. context-tag
4. Set: type as address.

[cammellos]

@ulisesmac is that because 0x is not using a x but rather a × multiplication sign?

i.e 0xffff vs 0×ffff

Is that the issue or is it something else?

[ulisesmac]

@ulisesmac is that because 0x is not using a x but rather a × multiplication sign?

i.e 0xffff vs 0×ffff

Is that the issue or is it something else?

This is the link to figma: https://www.figma.com/file/WQZcp6S0EnzxdTL4taoKDv/Design-System-for-Mobile?type=design&node-id=1658-30911&mode=dev

It is an x(letter), not × (sign)

Also, our text is not as bold as in designs, and I think we cannot change the weight since it is already being used to set the monospace style.

[briansztamfater]

We also need Semibold and Medium variants to our Monospace fonts, and add them in quo2.foundations.typography namespace (plus integrate new variants in our components)