# Sira Design Tokens (@marsaude/tokens)

Pacote de Design Tokens do Sira Design System. Este pacote contém as variáveis de estilo (cores, tipografia, espaçamentos) geradas automaticamente a partir do Style Dictionary.

## 📦 Instalação

Para instalar a versão mais recente no seu projeto:

```bash
npm install @marsaude/tokens

🚀 Como Usar

Este pacote expõe diferentes arquivos SCSS dependendo da sua necessidade (apenas variáveis ou classes utilitárias).

1. Importando as Variáveis (Recomendado)

Para ter acesso às variáveis CSS/SCSS (ex: cores, fontes) em todo o seu projeto, importe o arquivo principal no seu styles.scss global:

// No arquivo src/styles.scss
@import '@marsaude/tokens/mobile';

Exemplo de uso no CSS:

.meu-componente {
  // Use as variáveis CSS definidas pelos tokens
  background-color: var(--mar-color-brand-primary);
  padding: var(--mar-spacing-md);
  border-radius: var(--mar-radius-sm);
}

2. Importando Classes Utilitárias

Se você precisa das classes utilitárias geradas (helpers), utilize o import específico:

@import '@marsaude/tokens/mobile-classes';

🛠️ Desenvolvimento e Publicação (Para Mantenedores)

Como gerar os tokens

Se você alterou os arquivos de configuração ou os tokens brutos, regenere os arquivos de build:

npm run build

Como publicar uma nova versão

O script de publicação já garante que o build seja rodado automaticamente antes de enviar.

1. Atualize a versão (se necessário):

npm version patch

2. Publique no NPM:

npm publish --access public

(Certifique-se de que o token de acesso granular está configurado corretamente na sua máquina).