O que há de novo

v1.7.0 | Minor release (2023, May, 24)

What’s changed

Features do Sirius

  • Criado novo componente tipográfico Title 4(16px).
    • Componente Title 3 sofreu alteração no tamanho, passando para 20px.

Documentação

  • Melhorada a documentação sobre colunas que contem ícones de ação no componente Tabela

Bugfixes

  • Corrigido um bug onde o componente de Botão poderia ficar com a cor incorreta no estado focus
  • Corrigido um bug que gerava valores errados nas classes helpers de margem

v1.6.0 | Minor release (2023, April, 4)

What’s changed

Features do Sirius

  • Melhorias visuais no componente de Botões - Alteração de cores.

  • Criação do novo componente do Sidemenu

Documentação

  • Correção de inconsistencias do componente Card.

v1.5.2 | Minor release (2023, February, 15)

What’s changed

Features do Sirius

  • Melhorias visuais no componente de Accordion - correções de inconsistências em altura, tipografia e estrutura.
  • Responsividade do componente Phone Mockup melhorada
Bugfixes
  • Corrigido bug em que button links ficavam com estilização errada no estado de hover
  • Foi corrigida uma situação em que o hover estava com prioridade de estilo em alguns botões disabled.
  • Corrigido bug em que inputs ficavam com padding incorreto em estado de disabled
  • Correção dos estilos de label de tabela

Documentação

  • Foi melhorada e expandida a documentação do componente Table.
  • Melhorias na documentação do componente Badge.

Web components

  • Novo componente - Accordion
  • Novo componente - Toast
  • Evolução do Sidemenu - para estar em compliance com o protótipo do Figma
  • Evolução do Carousel - Possibilidade de usar mais de um elemento por página

v1.4.2 | Minor release (2023, January, 12)

What’s changed

Features do Sirius

  • Corrigida a cor do hover e estado selected no componente de Side Menu.
  • Correção de bug que alterou a cor das Badges.
  • Correção de bug onde títulos longos quebravam o layout do Modal.
  • Versões invertidas dos botões terciário, text e link foram criadas. Confira aqui.
  • Nossa stack agora conta com o Cloudfront, que proporciona uma melhoria na nossa performance.

Documentação

  • Criada documentação do componente de Accordion.

Web components

  • Criado novo componente de Accordion no projeto de Web Components em Stencil e criação dos respectivos testes unitários.

v1.3.2 | Patch release (2022, December, 7)

What’s changed

Features do Sirius

  • Ajustada a responsividade do componente de Tag para resoluções de tela menores.
  • Ajustada a responsividade do componente de Upload de arquivo para resoluções de tela menores.
  • Realizado pequeno ajuste na cor do placeholder dos Textfields

Documentação

Web components

  • Adicionada uma nova sessão na documentação para os Zenvia Web Components dedicada a informar sobre o assunto.
  • Adicionado hint em páginas de componentes informando a existência de Web Component para o componente em questão.

v1.3.1 | Minor release (2022, November, 8)

What’s changed

Features do Sirius

  • Criados novos tokens de opacidade para fundos coloridos. Foram criados tokens para as cores main, success, danger e warning. Ex de nome de classe: .has-opacity-background-main. Para mais informações confira a página de design tokens
  • Adicionado comportamento responsivo ao componente de Alert, que agora se adapta melhor à telas pequenas.
  • Foi feito um redesign na paginação do componente de tabela
  • Corrigido bug no estado de ativo do componente de select

Documentação

  • Documentação do componente de breadcrumb foi atualizada
  • Adicionados tokens de background opacity na página de design tokens
  • Ampliada a documentação de botões
  • Corrigido um bug na documentação que desalinhava os componentes Hint e Switch

Web components

  • Criado novo componente de Toast no projeto de Web Components em Stencil. Para mais informações, fiquem livres em nos contatar em [email protected]

Qualidade de vida para devs

  • Corrigido um bug onde o servidor local do projeto do Sirius falhava ao fazer watch de arquivos .sass, que derrubava o server ao serem atualizados esses arquivos. O watcher do projeto funciona agora, rodando o comando npm run start:dev
  • Foram atualizadas e removidas algumas dependências de dev do projeto, aumentando a performance para trabalhar com o projeto localmente

v1.2.1 | Patch release (2022, September, 29)

What’s changed

Features do Sirius

  • Fix no estado de ativo do componente tag input
  • Alterado seletor no componente de table - não é mais necessário que a navegação da tabela seja sibling da tag table para aplicação do estilo

Documentação

  • Atualizada a documentação do componente table
  • Correção de pequeno bug que afetava as margens das tabelas da documentação.
  • Foi adicionado um hint na página de cores direcionando para tokens (para os tokens de cores de background) e foi corrigido um token em uma tabela

v1.2.0 | Minor release (2022, September, 14)

What’s changed

Features do Sirius

  • Adequação na altura de campos de formulário (de 48px para 40px). A melhoria foi feita para auxiliar a hierarquia visual dos produtos. Agora os campos de formulário podem ser alinhados com os botões terciário e text.
  • Nova classe helper - .has-text-decoration-none
  • Corrigido um bug no hover do componente button text

Documentação

v1.1.0 | Minor release (2022, August, 17)

What’s changed

Features do Sirius

  • Novo modal drawer - versão small
  • Novo botão - Icon Button
  • Corrigido o comportamento responsivo no componente Card
  • Corrigido bug no estado de foco do Button Text
  • Corrigido um bug onde o componente de Badge default não exibia seu ícone

Documentação

  • Refeita a sessão de design tokens - agora reflete corretamente os nomes de classes usadas no Sirius
  • Ampliada documentação de modais e adicionado o modal drawer small
  • Adicionados snippets de responsividade para a documentação do componente Card
  • Adicionado direcionamento para o Bulma na documentação de Espaçamento.

v1.0.0 | Major release (2022, May, 24)

What’s changed

Features

  • Botões
    • Botão terciário adicionado, novo layout de botões primário, secundário e danger, versões mobile adicionadas e estilos de estados melhorados.
  • Design Tokens
    • Foram adicionadas helper classes (.has-opacity-low, .has-opacity-medium, .has-opacity-high) para manipulação de opacidade.
  • Phone Mockup
    • Corrigido bug na imagem de fundo do componente
  • Lista
    • Correções nos tokens de tipografia e cor e o espaçamento da lista stacked foi corrigido.
  • Tag input
    • Foi alterado para ser adaptável ao conteúdo, evitando quebras.
  • Input
    • Corrigido bug que causava desalinhamento nos ícones dentro de inputs

Documentação

  • Botões
    • Documentação amplamente atualizada com os novos botões
  • Design Tokens
    • Adicionado tokens de opacidade
  • Tipografia
    • Tipos de estilos de texto ampliada. Agora apresenta font-size, font-weight e como usar cada estilo.
  • Modal
    • Melhorias gerais na documentação de modais
  • Feedback Page
    • Página transferida da seção Componentes para a seção Princípios.

v0.9.0 beta | Purple -> Sirius (2021, November, 04)

What’s changed

Features

  • Alert
    • Corrigido tamanho do ícone no componente
    • Foram atualizadas as cores, padding e altura
    • Corrigido alinhamento do componente com flexbox
  • Novos Design tokens
    • Radius
      • .has-radium-small, .has-radium-medium, .has-radium-large
    • Shadow
      • .has-shadow-level-1, .has-shadow-level-3, .has-shadow-level-3
    • Borda
      • .has-border-small, .has-border-medium, .has-border-large
  • Hintbox
    • Novas cores e tamanho de ícones
  • Switch
    • Atualizado para novas cores do Sirius

Documentação

  • Novas páginas de documentação

    • Upload de arquivo
    • Navegação
    • FAQ
    • Hintbox
    • Design Tokens
    • Como contribuir
    • Card
    • Lista

  • Páginas atualizadas

    • Ícones
      • Ampliada com guidelines de categorias, cores e snippets de código sobre ícones
      • Adicionado link da planilha de acompanhamento e solicitação de ícones
    • Comece a usar
      • Adicionado link para o kit de ícones do FA
    • Feedback Page
      • Adicionadas novas cores para variações na página
      • Adicionada imagem ilustrativa dos tipos de ícones
    • Modal
      • Adicionado modal drawer
    • Switch
      • Atualizada para refletir o novo Switch do Sirius
      • Documentação ampliada