forlogic-core 2.1.1 → 2.1.3
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/README.md +1079 -0
- package/dist/bin/bootstrap.js +40 -0
- package/dist/bin/pull-docs.js +186 -0
- package/dist/components/ui/icon-picker.d.ts +4 -4
- package/dist/docs/KNOWLEDGE.md +109 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1 -1
- package/docs/design-system/README.md +1 -1
- package/docs/design-system/selectors.md +5 -5
- package/package.json +1 -1
|
@@ -304,14 +304,14 @@ const [color, setColor] = useState('#3b82f6')
|
|
|
304
304
|
|
|
305
305
|
### Icon Picker
|
|
306
306
|
|
|
307
|
-
Seletor de ícones
|
|
307
|
+
Seletor de ícones Material Symbols Outlined com opção 'sem ícone'.
|
|
308
308
|
|
|
309
309
|
**Uso:**
|
|
310
310
|
```tsx
|
|
311
311
|
import { IconPicker } from "forlogic-core"
|
|
312
312
|
import { useState } from 'react'
|
|
313
313
|
|
|
314
|
-
const [icon, setIcon] = useState('
|
|
314
|
+
const [icon, setIcon] = useState<string | null>('star_rate')
|
|
315
315
|
|
|
316
316
|
<IconPicker
|
|
317
317
|
value={icon}
|
|
@@ -323,16 +323,16 @@ const [icon, setIcon] = useState('Star')
|
|
|
323
323
|
**Props:**
|
|
324
324
|
| Prop | Tipo | Padrão | Descrição |
|
|
325
325
|
|------|------|--------|-----------|
|
|
326
|
-
| `value` | `string` |
|
|
327
|
-
| `onChange` | `(
|
|
326
|
+
| `value` | `string | null` | null | Nome do ícone selecionado (Material Symbols Outlined). |
|
|
327
|
+
| `onChange` | `(icon: string | null) => void` | - | Callback quando o ícone é alterado. |
|
|
328
328
|
| `label` | `string` | - | Label opcional para o campo. |
|
|
329
329
|
|
|
330
330
|
**Acessibilidade:**
|
|
331
|
-
- Busca por nome do ícone
|
|
332
331
|
- Grid acessível por teclado
|
|
333
332
|
- Títulos descritivos em cada ícone
|
|
334
333
|
- Indicador visual de seleção
|
|
335
334
|
- Scroll area com navegação adequada
|
|
335
|
+
- Opção para remover ícone selecionado
|
|
336
336
|
|
|
337
337
|
> Fonte: `src\design-system\docs\components\IconPickerDoc.tsx`
|
|
338
338
|
|