@inchurch/matcha-theme 22.18.0 → 22.19.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.
|
@@ -8,7 +8,13 @@
|
|
|
8
8
|
@mixin matcha-horizontal-tree-theme($theme) {
|
|
9
9
|
|
|
10
10
|
.svg-line line {
|
|
11
|
-
|
|
11
|
+
// Mesma cor que TODOS os outros conectores deste arquivo usam
|
|
12
|
+
// (.the-line-connect-first/-last/etc = --matcha-color-accent). Estava
|
|
13
|
+
// --matcha-color-text-placeholder (cinza), que sempre vencia a classe
|
|
14
|
+
// stroke-primary aplicada pelo consumidor no <line> (.svg-line line e
|
|
15
|
+
// seletor composto, mais especifico que uma unica classe) -- a linha
|
|
16
|
+
// rendia cinza mesmo com a intencao de ser colorida.
|
|
17
|
+
stroke: var(--matcha-color-accent);
|
|
12
18
|
}
|
|
13
19
|
|
|
14
20
|
.child {
|
|
@@ -477,6 +477,31 @@
|
|
|
477
477
|
font-style: italic;
|
|
478
478
|
}
|
|
479
479
|
|
|
480
|
+
// Loading do painel (backend search mode) — mesmo tom do empty state, com spinner.
|
|
481
|
+
.matcha-select-loading {
|
|
482
|
+
display: flex;
|
|
483
|
+
align-items: center;
|
|
484
|
+
justify-content: center;
|
|
485
|
+
gap: var(--matcha-space-100, 8px);
|
|
486
|
+
padding: var(--matcha-space-200, 16px);
|
|
487
|
+
color: var(--matcha-color-text-placeholder);
|
|
488
|
+
font-size: 13px;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
.matcha-select-loading-spinner {
|
|
492
|
+
width: 14px;
|
|
493
|
+
height: 14px;
|
|
494
|
+
flex-shrink: 0;
|
|
495
|
+
border: 2px solid var(--matcha-color-border, rgba(0,0,0,0.16));
|
|
496
|
+
border-top-color: var(--matcha-color-accent, #86bd00);
|
|
497
|
+
border-radius: 50%;
|
|
498
|
+
animation: matcha-select-loading-spin 0.7s linear infinite;
|
|
499
|
+
}
|
|
500
|
+
|
|
501
|
+
@keyframes matcha-select-loading-spin {
|
|
502
|
+
to { transform: rotate(360deg); }
|
|
503
|
+
}
|
|
504
|
+
|
|
480
505
|
// ═══════════════════════════════════════════════════════════════════════
|
|
481
506
|
// Bottom-sheet (mobile) — aligned com Figma matcha/field/select/mobile-sheet
|
|
482
507
|
// Ativa automaticamente em <=768px (ou via [mode]="'sheet'"). Full-width bottom-anchored.
|