Improve Typography

[mrosvik]

We aim to improve how typography is defined and used across design and code.

• [ ] Consider: Generic token names for font-weight

[unekinn]

Typografi-møte

Size mode i kode

• Kan potensielt bruke cyclic toggles?
  • https://kizu.dev/cyclic-toggles/
  • https://codepen.io/Oddbj-rn-vernes/pen/azzrBvz
• ...eller kan vi bruke ein formel for å rekne ut font-size basert på size?
• …eller funker det å bruke em?
• Flytte data-size selectors til theme
• Une utforsker

Forenkle typografi

• Paragraph: slå saman size og variant til kun variant
• Heading: size → variant
• variant burde vere semantisk, ikkje xs, s, ..., xl
• Lasse utforsker med hjelp av Øyvind

Avatar og spinner:

• Prøv å fjerne size prop, skaler med font-size og dokumenter at det er enkelt å bytte i kode og Figma

Une: Dele opp #3655 til mindre PRs

[Febakke]

Relevant edge case. Multiple font families with overlapping use cases. For instance two or more font-families used for headers in different areas under the same brand.

Extra special fonts used for mono type or condensed. Overlapping with body elements.

This is hard to solve today where we only have a primary and secondary font-family. When designing a setup like this it should be easy for the user to know when to use the correct typography style.