Unsere Charts sollten die selben Schriftgrößen verwenden wie die SWR-Seite drumherum. Dazu müssen wir <DesignTokens/> eine Reihe von neuen Variablen wie fs-large-3 oder fs-base hinzufügen und alle bestehenden Komponenten darauf migrieren.
- In Storybook sollte das mit dem Typeset-Block dokumentiert werden
- Die selbe Skala sollte auch in Figma angelegt werden
- Unser
letter-spacing und line-height kann imo anders sein, weil unsere Entscheidungen im Zweifel besser sind
- "Paragraph Styles" wie
caption (die jetzt als Sass-mixin so halb schlecht implementiert sind) sollten glaube ich Komponenten sein, die die Styles enthalten und einfach alle Kinder rendern? Mit display: contents so dass sie sonst keine Auswirklungen haben? API so wie hier?
- Falls wir mal auf anderen Webseiten veröffentlichen können wir eine
theme prop auf <DesignTokens/> einführen, die dann eine andere type scale usw. setzt. (Das gleiche für dark mode)
Unsere Charts sollten die selben Schriftgrößen verwenden wie die SWR-Seite drumherum. Dazu müssen wir
<DesignTokens/>eine Reihe von neuen Variablen wiefs-large-3oderfs-basehinzufügen und alle bestehenden Komponenten darauf migrieren.letter-spacingundline-heightkann imo anders sein, weil unsere Entscheidungen im Zweifel besser sindcaption(die jetzt als Sass-mixin so halb schlecht implementiert sind) sollten glaube ich Komponenten sein, die die Styles enthalten und einfach alle Kinder rendern? Mitdisplay: contentsso dass sie sonst keine Auswirklungen haben? API so wie hier?themeprop auf<DesignTokens/>einführen, die dann eine andere type scale usw. setzt. (Das gleiche für dark mode)