forlogic-core 2.2.7 → 2.2.8
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.
|
@@ -343,10 +343,14 @@ const [color, setColor] = useState('#3b82f6')
|
|
|
343
343
|
| `showHexValue` | `boolean` | true | Exibe o valor hexadecimal ao lado do swatch. Quando false, mostra apenas a cor. |
|
|
344
344
|
|
|
345
345
|
**Acessibilidade:**
|
|
346
|
+
- Navegação por teclado completa: abre com Espaço ou ↓, navega com setas, seleciona com Enter
|
|
347
|
+
- Home/End pulam para a primeira/última cor da paleta
|
|
348
|
+
- Esc ou Tab fecham o popover sem alterar a seleção
|
|
349
|
+
- Popover fecha automaticamente ao clicar/selecionar uma cor
|
|
350
|
+
- Foco inicial na cor atualmente selecionada ao abrir o popover
|
|
346
351
|
- Botão com papel semântico correto
|
|
347
352
|
- Input de cor nativo acessível
|
|
348
353
|
- Labels descritivos para cores predefinidas
|
|
349
|
-
- Navegação por teclado completa
|
|
350
354
|
|
|
351
355
|
> Fonte: `src\design-system\docs\components\ColorPickerDoc.tsx`
|
|
352
356
|
|
|
@@ -367,6 +371,7 @@ const [icon, setIcon] = useState<string | null>('star_rate')
|
|
|
367
371
|
value={icon}
|
|
368
372
|
onChange={setIcon}
|
|
369
373
|
label="Escolha um ícone"
|
|
374
|
+
color="text-blue-600"
|
|
370
375
|
/>
|
|
371
376
|
```
|
|
372
377
|
|
|
@@ -378,7 +383,9 @@ const [icon, setIcon] = useState<string | null>('star_rate')
|
|
|
378
383
|
| `label` | `string` | - | Label opcional para o campo. |
|
|
379
384
|
|
|
380
385
|
**Acessibilidade:**
|
|
381
|
-
-
|
|
386
|
+
- Navegação por teclado completa: abre com Espaço ou ↓, navega com setas, seleciona com Enter
|
|
387
|
+
- Home/End pulam para o primeiro/último ícone da grid
|
|
388
|
+
- Esc ou Tab fecham o popover sem alterar a seleção
|
|
382
389
|
- Títulos descritivos em cada ícone
|
|
383
390
|
- Indicador visual de seleção
|
|
384
391
|
- Scroll area com navegação adequada
|