v2.1.0 🌈

Versão 2.1.0

Changes

🚀 Features

• Feature - Componente Tabs @leandroppf (#63)

v2.0.0 🌈

Versão 2.0.0

A nova versão 2.0.0 já está disponível e com ela muitas mudanças. A principal mudança foi a substituição da biblioteca Stitches.js pelo Tailwindcss. Além da mudança de biblioteca de estilização também temos a adição de novos componentes e a modificação na utilização do Design System.

Tailwindcss

A mudança para Tailwindcss tem um impacto direto na forma com que os componentes são estilizados e também na forma com que o Design System é disponibilizado. O nosso tema se mantém, com os mesmos tokens de espaçamento e de cores.

Novos componentes

Avatar

Divider

File

Flex

FloatCard

Icon

Loading

Menu

OTPInput

Pagination

Radio

Select

Sidebar

Switch

Toast

Tooltip

Para utilizar os componentes é necessário importar a estilização da biblioteca de @coaktion/visu/styles

import '@coaktion/visu/styles'

Caso esteja utilizando o tailwindcss no projeto, faça a importação da estilização da biblioteca juntamente da estilização do tailwindcss

@import '@coaktion/visu/styles';

@tailwind base;
@tailwind components;
@tailwind utilities;

Com a estilização importada, basta importar um componente e adicionar ele ao projeto.

import { Button } from '@coaktion/visu'

function App() {
  return <Button.Root>Clique aqui</Button.Root>
}

export default App

Design System

O Design System do Visu foi recriado para ser utilizado em conjunto com o Tailwindcss, como um plugin. Para utilizar o Design System do Visu basta importar o Design System de @coaktion/visu/dist/theme-plugin e adicioná-lo ao arquivo tailwind.config.ts

import VisuTailwindcssPlugin from '@coaktion/visu/dist/theme-plugin'
import type { Config } from 'tailwindcss'

export default {
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  plugins: [VisuTailwindcssPlugin],
} satisfies Config

Ao adicionar o plugin do Visu será possível utilizar todos os tokens do Design System do Visu no projeto, como cores, espaçamentos, etc.

v1.3.0 🌈

Changes

🐛 Bug Fixes

• Fix: correção de componente Text, Input e Button @YaGRRusso (#37)

v1.2.0 🌈

Changes

🚀 Features

• Feat button and text variants @YaGRRusso (#35)

v1.1.0 🌈

Changes

🚀 Features

• Feat flex component @YaGRRusso (#30)

🐛 Bug Fixes

• Bugfix: Correção para tipagem de funções de estilização @leandroppf (#32)
• Bugfix: Correção no className dos componentes Button e Text @leandroppf (#31)

v1.0.0 🌈

Changes

🚀 Features

• Feature: Permitir a estilização de projetos a partir da Biblioteca Visu @leandroppf (#27)
• Feature 3510: Propriedade weight para o componente Text @leandroppf (#28)

v0.3.0 🌈

Changes

🚀 Features

• Feature: Border radius nas variações de link do componente Text para o outline não ficar quadrado @leandroppf (#25)
• Feature: Cor padrão do componente Text modificada para inherit @leandroppf (#22)
• Feature: Propriedade full que adiciona 100% width @leandroppf (#21)

🐛 Bug Fixes

• Fix: Correção na altura do Button para não quebrar com textos grandes @leandroppf (#23)

🧰 Maintenance

• Chore: Adicionado dark theme ao projeto web @leandroppf (#24)

v0.2.0 🌈

Changes

🚀 Features

• Feature: Remoção de utils que lida com cores. Não existe necessidade de lidar dessa forma @leandroppf (#19)
• Feature: Propriedade asChild nos componentes Button e Text @leandroppf (#17)
• Feature: Testes de componentes @leandroppf (#16)

🐛 Bug Fixes

• Fix: Adicionado color ao componente input @leandroppf (#18)

v0.1.0 🌈

Changes

🚀 Features

• Fix - Revisao de componentes @leandroppf (#14)

🧰 Maintenance

• Chore - Validacoes de pre-commit com husky @leandroppf (#13)
• Chore documentacao readmes @leandroppf (#12)
• Added a new label to pr-labeler @leandroppf (#11)
• Chore: Added Eslint, Prettier and Husky @leandroppf (#10)

v0.0.2 🌈

Changes

🧰 Maintenance

• Chore - Workflows and Configurations @leandroppf (#9)