[Heading] Update font-sizes of the heading component variants #714
Description
Story description
The current font-size of our heading components is causing multiple developments to avoid semantic structure oh the <h(n)> tags. The solution of adding a property as solves part of the problem, but we consider it necessary to adapt the size to a more convenient scale.
Apart from the scale, the proposal is to change the default of the prop weight to bold.
The proposed scale
| Heading level | font-size (rem) | font-size (px) |
|---|---|---|
<h1> |
2.5rem | 32px |
<h2> |
1.5rem | 24px |
<h3> |
1.25rem | 20px |
<h4> |
1rem | 16px |
<h5> |
0.875rem | 14px |
Tasks
- Update heading UI-Kit component
- Update documentation images and specifications