@inchurch/matcha-theme 22.19.0 → 22.20.0
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.
|
@@ -416,6 +416,9 @@
|
|
|
416
416
|
|
|
417
417
|
.matcha-select-search {
|
|
418
418
|
position: relative;
|
|
419
|
+
display: flex;
|
|
420
|
+
align-items: center;
|
|
421
|
+
gap: var(--matcha-space-100, 8px);
|
|
419
422
|
padding: var(--matcha-space-100, 8px) var(--matcha-space-150, 12px);
|
|
420
423
|
border-bottom: var(--matcha-border-hairline, 1px) solid var(--matcha-color-border-subtle, rgba(0,0,0,0.08));
|
|
421
424
|
transition: border-color var(--matcha-duration-instant, 80ms) ease;
|
|
@@ -425,6 +428,13 @@
|
|
|
425
428
|
}
|
|
426
429
|
}
|
|
427
430
|
|
|
431
|
+
// Lupa no lugar do placeholder textual "Buscar..." — ícone não precisa de i18n.
|
|
432
|
+
.matcha-select-search-icon {
|
|
433
|
+
flex-shrink: 0;
|
|
434
|
+
color: var(--matcha-color-text-placeholder);
|
|
435
|
+
pointer-events: none;
|
|
436
|
+
}
|
|
437
|
+
|
|
428
438
|
// Input plano: sem border/background próprios. O container `.matcha-select-search`
|
|
429
439
|
// faz o papel de "campo" via padding + divider bottom, e focus-within muda a cor
|
|
430
440
|
// do divider. Evita efeito "card dentro de card" dentro do panel.
|
|
@@ -492,8 +502,10 @@
|
|
|
492
502
|
width: 14px;
|
|
493
503
|
height: 14px;
|
|
494
504
|
flex-shrink: 0;
|
|
495
|
-
|
|
496
|
-
|
|
505
|
+
// Mesma cor do spinner do trigger (.matcha-form-field-spinner) — um estado de
|
|
506
|
+
// loading, uma cor. Antes era accent e o campo mostrava azul + verde ao mesmo tempo.
|
|
507
|
+
border: 2px solid var(--matcha-color-surface-border);
|
|
508
|
+
border-top-color: var(--matcha-color-primary);
|
|
497
509
|
border-radius: 50%;
|
|
498
510
|
animation: matcha-select-loading-spin 0.7s linear infinite;
|
|
499
511
|
}
|