@nextelco/common-ui 2.1.97 → 2.1.98
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.
- package/dist/bundle.js +1 -1
- package/dist/style.css +1 -1
- package/dist/style.layered.css +1 -1
- package/dist/types/components/ui/Escolha.d.ts +14 -2
- package/package.json +1 -1
|
@@ -22,12 +22,24 @@ export interface EscolhaProps {
|
|
|
22
22
|
disabled?: boolean;
|
|
23
23
|
/** Caixa de pesquisa no topo da lista. Por omissão, só com mais de 10 opções. */
|
|
24
24
|
pesquisa?: boolean;
|
|
25
|
-
/** Largura (classes tailwind). Por omissão a do conteúdo, entre 10rem e 18rem. */
|
|
25
|
+
/** Largura (classes tailwind). Por omissão a do conteúdo, entre 10rem e 18rem (etiqueta: a do texto). */
|
|
26
26
|
className?: string;
|
|
27
|
+
/**
|
|
28
|
+
* 'barra' (omissão): h-8, como os botões e filtros das barras. 'formulario': a altura dos campos de texto dos
|
|
29
|
+
* formulários (px-3 py-2), para alinhar com eles.
|
|
30
|
+
*/
|
|
31
|
+
tamanho?: 'barra' | 'formulario';
|
|
32
|
+
/**
|
|
33
|
+
* 'campo' (omissão) ou 'etiqueta': o botão é uma etiqueta arredondada (ex.: o estado numa linha de tabela), com
|
|
34
|
+
* as cores de `corEtiqueta`. A lista é a mesma.
|
|
35
|
+
*/
|
|
36
|
+
aspeto?: 'campo' | 'etiqueta';
|
|
37
|
+
/** Classes de cor da etiqueta (fundo, texto e variante dark:), normalmente conforme o valor escolhido. */
|
|
38
|
+
corEtiqueta?: string;
|
|
27
39
|
}
|
|
28
40
|
/**
|
|
29
41
|
* Lista suspensa para escolher um valor (substitui o `<select>` nativo, que abre com o aspeto do sistema e não
|
|
30
42
|
* segue o tema). Mesma altura e cantos dos botões e campos (h-8, rounded-lg); a lista tem o mesmo aspeto do
|
|
31
43
|
* MenuAcoes. Teclado: ↑/↓, Home/End, Enter escolhe, Esc fecha; ao escrever com a lista aberta salta para a opção.
|
|
32
44
|
*/
|
|
33
|
-
export default function Escolha({ valor, opcoes, onMudar, rotulo, placeholder, opcaoVazia, disabled, pesquisa, className, }: EscolhaProps): React.JSX.Element;
|
|
45
|
+
export default function Escolha({ valor, opcoes, onMudar, rotulo, placeholder, opcaoVazia, disabled, pesquisa, className, tamanho, aspeto, corEtiqueta, }: EscolhaProps): React.JSX.Element;
|