@inchurch/matcha-theme 22.5.4 → 22.6.1

package/components/matcha-paginator.scss

@@ -58,6 +58,24 @@
 
 // ── Layout ──────────────────────────────────────────────────────────────────
 
+// ── Host (tag <matcha-paginator>) ────────────────────────────────────────────
+// Bug real (achado no control-panel-v2, Visitantes em modo cards): sem isso, a tag
+// <matcha-paginator> não tem NENHUM display próprio — fica com o default do browser pra
+// elemento desconhecido (`display: inline`), fora do único contexto que já forçava block
+// mais abaixo neste arquivo (`& + matcha-paginator`, só quando vem logo após um <matcha-table>
+// irmão). Host inline: `border-radius`/`overflow` que o consumer aplica via utility class no
+// host não têm efeito nenhum — quem pinta o fundo é o `.matcha-paginator` INTERNO (a classe
+// logo abaixo, um elemento diferente do host), e overflow é no-op em elemento inline
+// não-substituído (spec CSS). NÃO colocar isso em `:host{}` no paginator.component.scss —
+// o componente usa `ViewEncapsulation.None` e `:host` não é aplicado nesse modo neste build
+// (confirmado: mesma lacuna existe hoje em table.component.scss, mascarada lá porque
+// <table> já é block-ish por natureza). Selector de tag direto, igual todo o resto deste
+// arquivo, é o que realmente funciona pra esse encapsulation.
+matcha-paginator {
+  display: block;
+  overflow: hidden;
+}
+
 // sr-only — região live dedicada pra anunciar mudança de página (WAI-ARIA APG).
 // Fora do .matcha-paginator pra também funcionar quando paginator estiver hidden
 // (logo após hide-on-single-page transition).

package/components/matcha-table.scss

@@ -12,7 +12,7 @@
 //
 // Companion directives (a11y automática):
 //   [matcha-table-sortable] em <th>  — aria-sort + tabindex + keyboard
-//   [matcha-table-clickable] em <tr> — tabindex + Enter/Space + (rowClick)
+//   [rowClick] em <tr>              — só o binding já ativa tudo (tabindex + Enter/Space + hover accent)
 //
 // Helpers CSS-only:
 //   td.numeric  → tabular-nums
@@ -336,8 +336,8 @@
       margin-top: 0;
     }
 
-    // ── Row clickable ([matcha-table-clickable] directive seta tabindex) ─
-    tbody tr.is-clickable {
+    // ── Row clickable ([rowClick] directive — só o binding já ativa tudo) ─
+    tbody tr.matcha-row-clickable {
       cursor: pointer;
 
       &:hover td {
@@ -370,23 +370,17 @@
     }
 
     // Stripe-aware hover: row PAR ganha alpha mais forte pra preservar stripe.
-    &[striped] tbody tr:where(:nth-child(even)).is-clickable:hover td,
-    matcha-table[striped] & tbody tr:where(:nth-child(even)).is-clickable:hover td,
+    &[striped] tbody tr:where(:nth-child(even)).matcha-row-clickable:hover td,
+    matcha-table[striped] & tbody tr:where(:nth-child(even)).matcha-row-clickable:hover td,
     &[striped][hover] tbody tr:where(:nth-child(even)):hover td,
     matcha-table[striped][hover] & tbody tr:where(:nth-child(even)):hover td {
       --matcha-table-cell-bg: var(--matcha-table-row-bg-hover-striped);
     }
 
-    // Variante de hover accent (input `rowHover="accent"` → atributo host
-    // `data-row-hover="accent"`). Rebinda a var de hover no PRÓPRIO `<table>`,
-    // com especificidade acima do default — dispensa o consumer de furar o
-    // encapsulamento com `::ng-deep`. Substitui o override manual repetido em
-    // members/visitors/history/datas-comemorativas.
-    &[data-row-hover="accent"],
-    matcha-table[data-row-hover="accent"] & {
-      --matcha-table-row-bg-hover:         var(--matcha-color-accent-surface-hover);
-      --matcha-table-row-bg-hover-striped: var(--matcha-color-accent-surface-hover);
-    }
+    // Hover accent de linha clicável: a diretiva [rowClick] já sobrescreve
+    // --matcha-table-row-bg-hover(-striped) inline no próprio <tr> (ver
+    // table-clickable-row.directive.ts) — nenhuma regra de tema necessária
+    // aqui, o estilo inline já vence qualquer especificidade.
 
     tbody tr.is-selected td {
       --matcha-table-cell-bg: var(--matcha-table-row-bg-selected);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inchurch/matcha-theme",
-  "version": "22.5.4",
+  "version": "22.6.1",
   "description": "Themes for matcha-design-system",
   "main": "main.scss",
   "scripts": {