@inchurch/matcha-theme 22.14.2 → 22.14.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -357,6 +357,15 @@ matcha-button-toggle {
|
|
|
357
357
|
display: inline-flex;
|
|
358
358
|
max-width: 100%;
|
|
359
359
|
|
|
360
|
+
// ── Label projetado (<matcha-label>) — empilha ACIMA do grupo (stacked,
|
|
361
|
+
// igual matcha-form-field). Gated por :has(> matcha-label): sem label, o
|
|
362
|
+
// host continua inline-flex row EXATAMENTE como antes (zero regressão).
|
|
363
|
+
&:has(> matcha-label) {
|
|
364
|
+
flex-direction: column;
|
|
365
|
+
align-items: flex-start;
|
|
366
|
+
gap: var(--matcha-space-075, 6px); // mesmo gap label↔box do matcha-form-field
|
|
367
|
+
}
|
|
368
|
+
|
|
360
369
|
.button-group {
|
|
361
370
|
display: flex;
|
|
362
371
|
align-items: stretch;
|
|
@@ -696,12 +696,13 @@ a[matcha-link] {
|
|
|
696
696
|
&[matcha-button][variant="ghost"] [class^="i-matcha-"] {
|
|
697
697
|
color: var(--matcha-button-color-edge) !important;
|
|
698
698
|
}
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
699
|
+
// Hover: ícone mantém a cor de repouso (edge), igual ao texto (Figma:
|
|
700
|
+
// Default/Hover=text-primary). Antes usava --matcha-button-color-hover,
|
|
701
|
+
// um token pensado como cor de FUNDO de hover (ver comentário da linha
|
|
702
|
+
// ~526) sendo aplicado como cor de ÍCONE — funcionava por coincidência em
|
|
703
|
+
// botões soltos, mas junto de um --matcha-color-neutral-hover claro
|
|
704
|
+
// (#d8e1da) o contraste do ícone contra fundos escuros (ex.: matcha-panel)
|
|
705
|
+
// cai pra ~1.34:1, bem abaixo do mínimo WCAG de 3:1 pra ícones.
|
|
705
706
|
&[matcha-button][ghost]:active:not([disabled]):not([disabled="true"]) matcha-icon,
|
|
706
707
|
&[matcha-button][basic]:active:not([disabled]):not([disabled="true"]) matcha-icon,
|
|
707
708
|
&[matcha-button][ghost].is-state-active matcha-icon,
|