radoslavzeman
commented
7 months ago Podla mna chceme v Typography vediet nastavovat prioritne variant - cize velkost a hrubku (podla figmy) a potom komponent, ktorym sa text renderuje, cize semantiku (casto chceme mat semanticky nadpis napr h3, ale velkostou h4).
Zvysne nastavenia ako ma MUI podla mna nepotrebujeme.
Vnutri Typografy by mala prebehnut nejaka ta normalizacia textu (predlozky aby neboli na konci riadku a podobne) - toto na uvod mozeme poriesit jednoduchou funkciou, napr sa da inspirovat z projektu mestskej kniznice https://github.com/bratislava/mestskakniznica.sk/blob/master/next/modules/formatting/NormalizeText/normalizeSkText.ts Plus to co Pinto spominal cez css balance.
Komponent podobný ako https://mui.com/material-ui/api/typography/ . Dovoli vytvorit iba varianty take ako vo Figma foundations resp typography.css v projekte konta.
Preskumat ci vieme enforcovat cez eslint alebo inym toolom (nenechavat ziaden text mimo Typography komponentu).
Nasledne bude treba prekopat bratislava.sk a konto projekt tak aby vsade pouzival tento komponent. Bude potrebne vela synchronizacie s nasim designerom Patrikom Michalickom, pocitame s tym ze toto nebude na jeden zatah.
K "balancovaniu" textu - toto sme spominali na calle, v mnohom moze stacit zacat pouzivat tento css property https://developer.chrome.com/blog/css-text-wrap-balance/ . Pripadne pozriet na https://react-wrap-balancer.vercel.app/ (treba zistit ci to nie je mostly polyfill a ak ano ci je este potrebny). Druha cast tohto problemu su predlozky ktore by nemali ostavat na konci riadku - ak toto nebude riesene same toolami vyssie, tak sme to robili na inych projektoch (bratislava/kniznica/galeria), pravdepodobne vkladanim non-breaking spaces na spravne miesta. Ak by bolo treba @radoslavzeman ma viac info.