Cria pré-definições de tipografia

[gabrielguilhoto]

Contexto

Tínhamos criado os tokens de tipografia isolados (font family, font size, font weight etc.), mas queremos também uma forma de aplicar esses tokens em conjuntos como definidos no Figma. Mais detalhes em https://geekie.atlassian.net/browse/EOF-66.

Mudanças

Defini objetos com as pré-definições de tipografia, me baseando no que está documentado no Figma. Mais detalhes sobre a escolha desse formato no Notion.

Separei as pré-definições em 3 arquivos (basic, ludic e reading) de acordo com o tipo de fonte, agrupados numa pasta presets, e documentei como usar no readme.

Ainda está pendente:

• documentar essas pré-definições no Storybook
• resolver warnings de TypeScript que acontecem ao usar os objetos numa stylesheet
• permitir que as pré-definições sejam usadas num contexto sem polyfills do RN (pela diferença de formato do line height)

Como testar

No SGLearner:

• adicionei a lib do design system como uma dependência (colocando a URL do Git no package.json e rodando yarn
• importei uma pré-definição numa tela que use polyfills do RN (peguei a ProfileEditor) e usei ela na definição de um estilo
• vi que o estilo esperado aparecia na web

[gabrielguilhoto]

Usei os nomes de tokens novos, que ainda não estão no codebase, então os erros de lint são esperados. Mas vou fazer o merge só depois dos nomes novos entrarem na master.

[leocpadua7]

Boa!! Testei todos os preset do grupo basic aqui. Pareceu tudo certo