npm - ln-20-lib-components - Versions diffs - 0.0.13 → 0.0.15 - Mend

ln-20-lib-components 0.0.13 → 0.0.15

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.

Files changed (26) hide show

package/README.md CHANGED Viewed

@@ -58,6 +58,55 @@ ng e2e
 Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+## Dark Mode Configuration
+Los componentes de esta librería están diseñados para funcionar con el modo dark de PrimeNG usando la clase `.my-app-dark`.
+### Configuración requerida en tu aplicación
+Para que los componentes funcionen correctamente con el modo dark, asegúrate de tener la siguiente configuración en tu archivo `styles.scss`:
+```scss
+@use "tailwindcss";
+@use "primeicons/primeicons.css";
+@plugin "tailwindcss-primeui";
+@custom-variant dark (&:where(.my-app-dark, .my-app-dark *));
+```
+### Activación del modo dark
+Para activar el modo dark en tu aplicación, simplemente agrega la clase `my-app-dark` al elemento raíz (normalmente `<body>` o el contenedor principal):
+```html
+<body class="my-app-dark">
+  <!-- Tu aplicación -->
+</body>
+```
+O dinámicamente desde TypeScript:
+```typescript
+// Agregar modo dark
+document.body.classList.add('my-app-dark');
+// Remover modo dark
+document.body.classList.remove('my-app-dark');
+```
+### Componentes compatibles
+Todos los componentes de la librería son compatibles con el modo dark:
+- `lib-button-ng`
+- `lib-table-ng`
+- `lib-form`
+- `lib-inline-input`
+- `lib-custom-input`
+- Y todos los demás componentes
+Los estilos se aplicarán automáticamente cuando la clase `.my-app-dark` esté presente en el DOM.
 ## Additional Resources
 For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.