Skip to content

fix: update hover effect and add new semantic color utilities#538

Open
gdsantana wants to merge 3 commits intomainfrom
fix/box-grid-selection
Open

fix: update hover effect and add new semantic color utilities#538
gdsantana wants to merge 3 commits intomainfrom
fix/box-grid-selection

Conversation

@gdsantana
Copy link
Copy Markdown
Contributor

@gdsantana gdsantana commented Apr 28, 2026

Feature

Description

Este PR melhora a composicao e consistencia visual de componentes do Webkit e do tema:

  • PricingCard agora usa slot button para CTA, removendo o acoplamento com o componente interno de botao e permitindo customizacao completa da acao.
  • As stories de PricingCard foram atualizadas para refletir o novo uso via slot e remover controles de props legadas relacionadas ao botao.
  • BoxGridSelection teve ajuste de hover para usar bg-surfaceRaised, mantendo coerencia com os tokens semanticos.
  • Foram adicionados novos tokens primitivos alpha (neutral.25 e brand.primary.65) e a utilidade semantica .bg-primary-mask no plugin de cores.
  • CardBox teve o rodape ajustado para altura dinamica com py-3, evitando cortes de conteudo em cenarios com elementos maiores.

How to test

  1. Rode o Storybook e abra Core/PricingCard.
  2. Valide os cenarios Default, Popular, AnnualBilling, CustomPrice e Horizontal com CTA renderizado via slot.
  3. Verifique que PricingCard continua ocultando a area de CTA quando buttonHidden for true.
  4. Valide o estado de hover de BoxGridSelection e confirme o uso de superficie elevada no item nao selecionado.
  5. Confira componentes que usam bg-primary-mask e garanta que a cor de mascara aplicada esta correta.
  6. Verifique CardBox com conteudo de footer de alturas diferentes para confirmar o comportamento sem truncamento.

UI Changes (if applicable)

  • Ajuste visual no hover de BoxGridSelection.
  • Ajuste de espaco vertical no footer de CardBox.
  • CTA do PricingCard passa a ser totalmente customizavel via slot (variacao visual dependente do conteudo injetado).

@gdsantana gdsantana self-assigned this Apr 28, 2026
@gdsantana gdsantana requested a review from a team as a code owner April 28, 2026 11:53
@gdsantana gdsantana added the bug Something isn't working label Apr 28, 2026
gdsantana and others added 2 commits April 28, 2026 10:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working

Development

Successfully merging this pull request may close these issues.

2 participants