Todas as mudanças relevantes no CPS Elements são documentadas neste arquivo.
O versionamento deste projeto é aderente aos princípios de Semantic Versioning, e seu formato de arquivo é baseado nas definições de Keep a Changelog, ou seja, as mudanças são categorizadas em tópicos Added
(para novos recursos), Changed
(para mudanças em funcionalidades existentes), Deprecated
(para recursos a serem removidos em breve), Removed
(para funcionalidades já removidas), Fixed
(para correções de bugs), e Security
(no caso de vulnerabilidades).
- Criação do componente
<cps-logo>
.
- Criação do componente
<cps-accordion-group>
.
- Melhoria na definição de atributos de acessibilidade no
<cps-accordion>
.
- Criação do componente
<cps-accordion>
.
- Expõe a parte CSS
svg
do<cps-icon>
para estilização avançada.
- Criação do componente
<cps-background>
. - Objeto
detail
no eventocps-change
do<cps-radio-group>
.
- Estilos do componente
<cps-card>
, especialmente na varianteon-blurred
. - Corrigido objeto
detail
no eventocps-change
do<cps-select>
, ao usar seleção por teclado.
- Criação do componente
<cps-card>
. - Criação do componente
<cps-link>
.
- Pequenos ajustes na documentação.
- Criação do componente
<cps-dropdown>
. - Documentação sobre acessibilidade.
- Adicionado
sync
baseado emmin-width
emin-height
ao<cps-flyout>
. - Barras de rolagem do
<cps-select>
ajustadas para usarscrollbar-width
. - Estilos do
<cps-select>
ajustados para condizer com<cps-input>
.
- Variáveis de estilo de efeito de embaçamento (
blur
), ao invés de valores fixos nos componentes. - Documentação preliminar sobre personalização de temas e componentes.
- Documentação sobre variáveis de estilo de tipografia.
- Documentação sobre variáveis de estilo de cor.
- Documentação sobre variáveis de estilo de arredondamento de cantos.
- Documentação sobre variáveis de estilo de dimensões e espaçamentos.
- Documentação sobre variáveis de estilo de elevação (sombras).
- Documentação sobre variáveis de estilo de transições.
- Paleta de cinzas neutros alterada de cores sólidas para níveis de opacidade.
- Variáveis de estilo para estados de interface renomeadas
--cps-color-system-{x}
para--cps-color-state-{x}
. - Ajustadas cores de texto e borda de
<cps-chip>
para variáveis de uso específico, ao invés de genéricas da paleta de cores.
- Criação do componente
<cps-tab-group>
. - Criação do componente
<cps-tab-item>
. - Criação do componente
<cps-tab-panel>
. - Definição do tipo de evento
cps-tab-hide
. - Definição do tipo de evento
cps-tab-show
. - Definição do tipo de evento
cps-close
.
- Utilização dos novos componentes de abas na estrutura da documentação.
- Documentação sobre formulários.
- Utilização de variáveis CSS
--cps-input-border-bottom-color
e--cps-input-border-bottom-color-focus
nos controles de formulário, para simplificar a sobrescrita de cores de borda, especialmente em estado:invalid
. - Controles de formulário devem forçar atualizar o estado de validação sempre que forem emitir
cps-invalid
, já que isso garante que houve interação do usuário.
- Criação do componente
<cps-avatar>
. - Criação do componente
<cps-option>
. - Criação do componente
<cps-select>
. - Ferramenta de busca de ícones embutida na documentação do
<cps-icon>
.
- 🚨 BREAKING: Renomeado o componente
<cps-popover>
para<cps-flyout>
, para desambiguação do popover nativo, agora que começou a ser liberado nos navegadores. - Incrementada a documentação do
<cps-badge>
, explicitando o uso com<cps-avatar>
. - Melhorada a documentação do
<cps-button>
, explicitando o uso com<cps-badge>
. - Intensificado o efeito blur em superfícies acrílicas
<cps-menu>
,<cps-tooltip>
, e<cps-notification>
. - Melhorada usabilidade da renderização em estilo
checkbox
do<cps-menu-item>
, quando não o item está checado. - Permite ao evento
cps-change
receber valores diversos dentro deevent.detail
. - Documentações de
<cps-flyout>
e<cps-icon>
agora utilizam<cps-select>
ao invés de<select>
comum.
- 🚨 BREAKING: Reformulação geral dos arquivos de tema
light.css
edark.css
. Os nomes da maioria das variáveis de estilo foram alterados, e algumas foram removidas.
- Utilitário
theme
com funçõesgetTheme
,setTheme
etoggleTheme
. - Documentação sobre temas e sobre detecção de modo de cor preferido.
- Criação do componente
<cps-menu>
. - Criação do componente
<cps-menu-item>
. - Criação do componente
<cps-menu-label>
. - Criação do componente
<cps-notification>
. - Criação do componente
<cps-separator>
. - Definição do tipo de evento
cps-select
.
- Biblioteca atualizada para TypeScript 5.1.
- Ícones de sistema generalizados de badge para apresentação de status em geral.
- Pequeno ajuste na opacidade das cores
--cps-color-fill-subtle
do tema claro. - Mudança de nomenclatura de
--cps-color-stroke-divider
para--cps-color-stroke-separator
nos temas claro e escuro.
- Criação do componente
<cps-label>
. - Criação do componente
<cps-radio>
. - Criação do componente
<cps-radio-group>
. - Criação do componente
<cps-toggle-button>
.
- Definição de cor crítica para marcador automático de campo obrigatório, nos temas claro e escuro.
- Correção em exemplos de código React e Vue, sobre a utilização programática do
<cps-tooltip>
. - Definição da cor de texto de label correta no
<cps-checkbox>
em estadodisabled
. - Definição da cor de texto de label correta no
<cps-radio>
em estadodisabled
.
- Criação do componente
<cps-tooltip>
. - Criação do componente utilitário
<cps-popover>
. - Criação de camada com textura acrílica nos temas base.
- Inclusão de utilitários com diversas animações do projeto
animate.css
, na forma de mixins JavaScript. - Definição dos tipos de evento
cps-show
,cps-hide
,cps-after-show
,cps-after-hide
, ecps-reposition
.
- Criação do componente
<cps-checkbox>
. - Criação do componente
<cps-textarea>
. - Documentação detalhando os fundamentos de utilização de elementos customizados.
- Ferramenta de pesquisa embutida na documentação.
- Melhorias diversas na estratégia de renderização do
<cps-input>
.
- Adiciona tradução faltante em
aria-label
do botão de exibição de calendário no<cps-input>
. - Garantir que host do
<cps-icon-button>
não recebe eventos de ponteiro, mas seu<button>
interno sim.
- Criação do componente
<cps-input>
. - Definição dos tipos de evento
cps-change
,cps-clear
ecps-input
.
- Arredondamento de borda padrão corrigido para o
<cps-icon-button>
.
- Criação do componente
<cps-badge>
. - Criação do componente
<cps-chip>
. - Criação do componente
<cps-icon-button>
. - Criação do componente
<cps-skeleton>
. - Definição do tipo de evento
cps-remove
.
- Suporte a elementos de tamanho variável no
<cps-button>
. - Atualizada tipagem do core de localização.
- Ícones não utilizados da biblioteca de ícones
system
.
- Criação do componente
<cps-button-group>
. - Definição e exportação de tipos explícitos para os eventos personalizados dos componentes.
- Documentação de uso do CPS Elements com Angular.
- Documentação de uso do CPS Elements com React.
- Documentação de uso do CPS Elements com Vue.
- Atualizações em alguns módulos internos, sem efeito direto nos componentes pré-existentes.
- Endereço da documentação de
<cps-button>
,<cps-icon>
,<cps-include>
e<cps-spinner>
.
- Atributo
rel
ao<cps-button>
para permitir criar links que apontam para alvos específicos. - Método
getForm()
ao<cps-button>
para permitir manipulação de formulário associado ao botão. - Parte
svg
exposta no<cps-icon>
para permitir estilização avançada.
- Tipografia alterada para Roboto Flex, aderindo às recentes mudanças no CPS Design System.
- Ajustada geração de componentes React para permitir importações individuais.
- Adicionada possibilidade de importação nomeada em todos os componentes.
- Atualização das importações na documentação.
- Reorganização da localização dos componentes.
- Redução dos arquivos de tema eliminando algumas variáveis.
- Processo de exportação de componentes.
- Procedimentos de publicação do pacote.
- Publicação dos ícones em
dist
.
- Republicação para forçar atualização do pacote.
- Documentação e exportação do
<cps-include>
.
- Corrigido processo de entrega não publicando
dist
.
- Criação do componente
<cps-button>
. - Criação do componente
<cps-icon>
. - Criação do componente utilitário
<cps-include>
. - Criação do componente
<cps-spinner>
.
- Estrutura inicial do projeto.