neogestify-ui-components 2.3.2 → 2.3.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/README.md +11 -25
- package/dist/components/ElementLibraryBuilder/index.js.map +1 -1
- package/dist/components/ElementLibraryBuilder/index.mjs.map +1 -1
- package/dist/components/VenueMapEditor/index.js.map +1 -1
- package/dist/components/VenueMapEditor/index.mjs.map +1 -1
- package/dist/components/alerts/index.js.map +1 -1
- package/dist/components/alerts/index.mjs.map +1 -1
- package/dist/components/html/index.js.map +1 -1
- package/dist/components/html/index.mjs.map +1 -1
- package/dist/components/icons/index.d.mts +11 -1
- package/dist/components/icons/index.d.ts +11 -1
- package/dist/components/icons/index.js +55 -0
- package/dist/components/icons/index.js.map +1 -1
- package/dist/components/icons/index.mjs +52 -1
- package/dist/components/icons/index.mjs.map +1 -1
- package/dist/context/theme/index.js.map +1 -1
- package/dist/context/theme/index.mjs.map +1 -1
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +55 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +52 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/icons/icons.tsx +107 -0
package/README.md
CHANGED
|
@@ -99,6 +99,7 @@ import {
|
|
|
99
99
|
AlertaAdvertencia,
|
|
100
100
|
AlertaConfirmacion,
|
|
101
101
|
AlertaToast,
|
|
102
|
+
AlertaInfo,
|
|
102
103
|
InfoAlert,
|
|
103
104
|
// Theme
|
|
104
105
|
ThemeProvider,
|
|
@@ -587,7 +588,7 @@ Props:
|
|
|
587
588
|
|
|
588
589
|
## Iconos SVG
|
|
589
590
|
|
|
590
|
-
La biblioteca incluye más de
|
|
591
|
+
La biblioteca incluye más de 80 iconos SVG:
|
|
591
592
|
|
|
592
593
|
```tsx
|
|
593
594
|
import {
|
|
@@ -634,6 +635,7 @@ function MiComponente() {
|
|
|
634
635
|
- IconErase, IconDuplicate, IconWall, IconDownload, IconUpload
|
|
635
636
|
- IconPolygon, IconLayers
|
|
636
637
|
- ChevronDownIcon, SortAscIcon, SortDescIcon, SortBothIcon
|
|
638
|
+
- FingerPrintIcon, PasswordIcon, ShareIcon, QRIcon
|
|
637
639
|
|
|
638
640
|
---
|
|
639
641
|
|
|
@@ -733,32 +735,17 @@ Alerta({
|
|
|
733
735
|
|
|
734
736
|
## InfoAlert (Componente)
|
|
735
737
|
|
|
736
|
-
|
|
738
|
+
Botón con ícono de interrogación que dispara un popup informativo con SweetAlert2 al hacer click:
|
|
737
739
|
|
|
738
740
|
```tsx
|
|
739
741
|
import { InfoAlert } from 'neogestify-ui-components';
|
|
740
742
|
|
|
741
|
-
<InfoAlert
|
|
742
|
-
Este es un mensaje informativo
|
|
743
|
-
</InfoAlert>
|
|
744
|
-
|
|
745
|
-
<InfoAlert type="success">
|
|
746
|
-
Operación exitosa
|
|
747
|
-
</InfoAlert>
|
|
748
|
-
|
|
749
|
-
<InfoAlert type="warning">
|
|
750
|
-
Advertencia importante
|
|
751
|
-
</InfoAlert>
|
|
752
|
-
|
|
753
|
-
<InfoAlert type="error">
|
|
754
|
-
Ha ocurrido un error
|
|
755
|
-
</InfoAlert>
|
|
743
|
+
<InfoAlert title="Info" text="Este es un mensaje informativo" />
|
|
756
744
|
```
|
|
757
745
|
|
|
758
746
|
Props:
|
|
759
|
-
- `
|
|
760
|
-
- `
|
|
761
|
-
- `className`: Clases adicionales
|
|
747
|
+
- `title`: Título del popup (string, requerido)
|
|
748
|
+
- `text`: Mensaje del popup (string, requerido)
|
|
762
749
|
|
|
763
750
|
---
|
|
764
751
|
|
|
@@ -1314,12 +1301,11 @@ ui-components/
|
|
|
1314
1301
|
|
|
1315
1302
|
## Modo Oscuro
|
|
1316
1303
|
|
|
1317
|
-
Los componentes soportan modo oscuro automáticamente usando las clases `dark:` de Tailwind.
|
|
1304
|
+
Los componentes soportan modo oscuro automáticamente usando las clases `dark:` de Tailwind. Si usas Tailwind v4, asegúrate de tener la variante configurada en tu CSS principal (ver [Configuración](#configuración)):
|
|
1318
1305
|
|
|
1319
|
-
```
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
darkMode: 'class',
|
|
1306
|
+
```css
|
|
1307
|
+
@variant dark (&:where(.dark, .dark *)) {
|
|
1308
|
+
/* Variante dark mode */
|
|
1323
1309
|
}
|
|
1324
1310
|
```
|
|
1325
1311
|
|