@inchurch/matcha-theme 22.16.4 → 22.17.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.
|
@@ -86,38 +86,6 @@
|
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
// Combobox input (searchable + single): plano, herda tipografia do trigger,
|
|
90
|
-
// sem border/background próprios — parece o próprio campo.
|
|
91
|
-
.matcha-select-combobox-input {
|
|
92
|
-
flex: 1;
|
|
93
|
-
min-width: 0;
|
|
94
|
-
padding: 0;
|
|
95
|
-
margin: 0;
|
|
96
|
-
border: 0;
|
|
97
|
-
background: transparent;
|
|
98
|
-
color: var(--matcha-color-fg);
|
|
99
|
-
font: inherit;
|
|
100
|
-
font-family: var(--matcha-font-family);
|
|
101
|
-
outline: none;
|
|
102
|
-
text-overflow: ellipsis;
|
|
103
|
-
cursor: text;
|
|
104
|
-
|
|
105
|
-
&::placeholder {
|
|
106
|
-
color: var(--matcha-color-text-placeholder);
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
&:disabled {
|
|
110
|
-
color: var(--matcha-color-disabled-fg);
|
|
111
|
-
cursor: not-allowed;
|
|
112
|
-
background: transparent;
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
// Modo combobox: trigger não tem cursor pointer (quem manda é o input).
|
|
117
|
-
.matcha-select-trigger.matcha-select-combobox {
|
|
118
|
-
cursor: text;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
89
|
.matcha-select-arrow {
|
|
122
90
|
display: inline-flex;
|
|
123
91
|
align-items: center;
|
|
@@ -158,27 +126,19 @@
|
|
|
158
126
|
// --matcha-text-body-sm nesse tier). Antes o select herdava 14/20 junto do MD e ficava
|
|
159
127
|
// 2px maior que input/date dentro do MESMO matcha-field size="small".
|
|
160
128
|
matcha-form-field[size="lg"] .matcha-select-value,
|
|
161
|
-
matcha-form-field[size="lg"] .matcha-select-combobox-input,
|
|
162
129
|
matcha-form-field[size="large"] .matcha-select-value,
|
|
163
|
-
matcha-form-field[size="
|
|
164
|
-
matcha-form-field[size="huge"] .matcha-select-value,
|
|
165
|
-
matcha-form-field[size="huge"] .matcha-select-combobox-input {
|
|
130
|
+
matcha-form-field[size="huge"] .matcha-select-value {
|
|
166
131
|
font-size: 16px;
|
|
167
132
|
line-height: 24px;
|
|
168
133
|
}
|
|
169
134
|
matcha-form-field[size="sm"] .matcha-select-value,
|
|
170
|
-
matcha-form-field[size="sm"] .matcha-select-combobox-input,
|
|
171
135
|
matcha-form-field[size="tiny"] .matcha-select-value,
|
|
172
|
-
matcha-form-field[size="
|
|
173
|
-
matcha-form-field[size="small"] .matcha-select-value,
|
|
174
|
-
matcha-form-field[size="small"] .matcha-select-combobox-input {
|
|
136
|
+
matcha-form-field[size="small"] .matcha-select-value {
|
|
175
137
|
font-size: var(--matcha-text-body-sm, 12px);
|
|
176
138
|
line-height: var(--matcha-leading-body-sm, 16px);
|
|
177
139
|
}
|
|
178
140
|
matcha-form-field[size="md"] .matcha-select-value,
|
|
179
|
-
matcha-form-field[size="
|
|
180
|
-
matcha-form-field[size="medium"] .matcha-select-value,
|
|
181
|
-
matcha-form-field[size="medium"] .matcha-select-combobox-input {
|
|
141
|
+
matcha-form-field[size="medium"] .matcha-select-value {
|
|
182
142
|
font-size: 14px;
|
|
183
143
|
line-height: 20px;
|
|
184
144
|
}
|