# Teddy | Design System

Biblioteca gerada com [Angular CLI](https://github.com/angular/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:**

```scss
// 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](./ESTILOS_GLOBAIS.md)

<!-- # Running unit tests

Run `ng test teddy-ds` to execute the unit tests via [Karma](https://karma-runner.github.io). -->

<!-- ## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page. -->