@inchurch/matcha-theme 22.31.0 → 22.32.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.
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
justify-content: center;
|
|
108
108
|
position: fixed;
|
|
109
109
|
inset: 0;
|
|
110
|
-
z-index: 999;
|
|
110
|
+
z-index: var(--matcha-z-modal, 999);
|
|
111
111
|
|
|
112
112
|
@include generate-matcha-modal-sizes-classes($helper-breakpoints);
|
|
113
113
|
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
.matcha-modal-backdrop {
|
|
124
124
|
position: fixed;
|
|
125
125
|
inset: 0;
|
|
126
|
-
z-index: 998;
|
|
126
|
+
z-index: var(--matcha-z-modal-bg, 998);
|
|
127
127
|
cursor: pointer;
|
|
128
128
|
// Figma matcha/overlay Type=Modal: scrim 50% + blur 6px
|
|
129
129
|
background: var(--matcha-scrim-modal, rgba(0, 0, 0, 0.5));
|
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
// bg surface/card · radius 16 · shadow 8r@4y + 32r@12y · sem border.
|
|
140
140
|
.matcha-modal {
|
|
141
141
|
position: relative;
|
|
142
|
-
z-index: 999;
|
|
142
|
+
z-index: var(--matcha-z-modal, 999);
|
|
143
143
|
display: flex;
|
|
144
144
|
flex-direction: column;
|
|
145
145
|
// Perf: contain layout/paint pra browser não recalcular reflow da page atrás.
|
|
@@ -75,7 +75,8 @@
|
|
|
75
75
|
// barra sem cortar texto (fica sob o padding do item). Escopado a menu porque
|
|
76
76
|
// submenus são portados pro <body> (não são descendentes) — logo não são clipados;
|
|
77
77
|
// select/autocomplete/calendar ficam intactos.
|
|
78
|
-
.matcha-panel:has(> .matcha-menu-content)
|
|
78
|
+
.matcha-panel:has(> .matcha-menu-content),
|
|
79
|
+
.matcha-panel:has(.matcha-select-options) {
|
|
79
80
|
overflow-x: hidden;
|
|
80
81
|
}
|
|
81
82
|
|
|
@@ -23,14 +23,21 @@
|
|
|
23
23
|
// ── CSS vars (single source of truth) ─────────────────────────────────
|
|
24
24
|
matcha-toolbar {
|
|
25
25
|
// Spacing — alinhado ao Figma DSV3 15866:92.
|
|
26
|
-
// Toolbar padding 16px simétrico, gap
|
|
27
|
-
//
|
|
26
|
+
// Toolbar padding 16px simétrico, gap UNICO de 8px (space-100), height 68 = 16+36+16.
|
|
27
|
+
//
|
|
28
|
+
// O gap entre groups era 12px (space-150) contra 8px dentro do actions, e isso
|
|
29
|
+
// produzia tres distancias diferentes na mesma barra: busca->icon-button 12px,
|
|
30
|
+
// icon-button->icon-button 8px, ultimo icon-button->CTA 8px. Unificado em 8px, que e
|
|
31
|
+
// o que o proprio canon do slot declara no topo deste arquivo ("flex gap-100") --
|
|
32
|
+
// gap-100 E 8px. Os 12px vinham do "Figma Frame interno", outra medida, e nao do slot.
|
|
33
|
+
// Conferir 15866:92 quando alguem abrir o frame; se o slot for 12, e este comentario
|
|
34
|
+
// que esta errado, nao o valor.
|
|
28
35
|
// Consumer pode override per-side via --matcha-toolbar-padding-left/right.
|
|
29
36
|
--matcha-toolbar-padding-y: var(--matcha-space-200, 16px);
|
|
30
37
|
--matcha-toolbar-padding-x: var(--matcha-space-200, 16px);
|
|
31
38
|
--matcha-toolbar-padding-left: var(--matcha-toolbar-padding-x);
|
|
32
39
|
--matcha-toolbar-padding-right: var(--matcha-toolbar-padding-x);
|
|
33
|
-
--matcha-toolbar-gap: var(--matcha-space-
|
|
40
|
+
--matcha-toolbar-gap: var(--matcha-space-100, 8px);
|
|
34
41
|
--matcha-toolbar-actions-gap: var(--matcha-space-100, 8px);
|
|
35
42
|
--matcha-toolbar-min-height: 68px;
|
|
36
43
|
|
package/package.json
CHANGED