Teddy | Design System
Biblioteca gerada com Angular CLI na versão 16.1.0.
Iniciando o projeto na sua máquina
Para rodar o projeto, primeiro passo é rodar o npm i para a instalação das dependências. Após isso rode um npm run storybook para abrir o projeto no storybook.
Gerando novos componentes
Para a criação de novos componentes dentro da biblioteca, será utilizado ng g c components/name-component, após isso exporte no módulo da aplicação.
Build durante desenvolvimento
Para manter o projeto sendo buildado a cada vez que é atualizado um documento rode o comando npm run watch ou ng build --watch --configuration development
Build para publicação
Para gerar build para a publicação da biblioteca rode ng build
Publishing
Para a publicação da biblioteca altere a versão do package.json, seguindo o padrão de estrutura de versão já utilizado, na seguinte sequência: Break Change.Added.Changed.Fixed
📦 Importação de Estilos (IMPORTANTE)
Os estilos globais (variables.scss, style.scss e icons.scss) NÃO são mais bundlados inline nos componentes para reduzir o tamanho do bundle.
As aplicações consumidoras devem importar os estilos globalmente:
// No arquivo de estilos global da aplicação (ex: styles.scss)
@import 'teddy-ds/styles/style.scss';
Nota: O arquivo style.scss já inclui todos os estilos necessários (variables, icons, tokens).
Ver mais detalhes em ESTILOS_GLOBAIS.md