@codeplex-sac/tema 0.0.14 → 0.0.16

package/lib/alternador-tema/alternador-tema.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { CodeplexTema } from '../tipos';
+export type CodeplexAlternadorTemaVariante = 'circulo' | 'circulo-desenfoque' | 'circulo-desenfoque-superior-izquierda' | 'poligono' | 'poligono-degradado';
+export type CodeplexAlternadorTemaTamano = 'pequeno' | 'mediano' | 'grande';
+export interface CodeplexAlternadorTemaProps {
+    /** Animación de transición entre temas mediante la View Transitions API. */
+    variante?: CodeplexAlternadorTemaVariante;
+    /** Tamaño del botón. */
+    tamano?: CodeplexAlternadorTemaTamano;
+    /** Texto accesible para lectores de pantalla. */
+    etiquetaAccesible?: string;
+    /** Se invoca tras alternar, con el tema resultante. */
+    alAlternar?: (tema: CodeplexTema) => void;
+}
+export declare const CodeplexAlternadorTema: React.FC<CodeplexAlternadorTemaProps>;

package/lib/alternador-tema/index.d.ts

@@ -0,0 +1 @@
+export * from './alternador-tema';

package/lib/kits-marca/kits-marca.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+import { ThemeOptions } from '@mui/material';
+export interface CodeplexColoresMarca {
+    /** Color de fondo principal. */
+    fondo: string;
+    /** Color del texto. */
+    texto: string;
+    /** Color primario / de acción. */
+    primario: string;
+    /** Color de acento. */
+    acento: string;
+    /** Color de superficies (tarjetas, paneles). */
+    superficie: string;
+}
+export interface CodeplexKitMarca {
+    /** Identificador estable del kit. */
+    id: string;
+    /** Nombre legible del kit. */
+    nombre: string;
+    /** Fuente para titulares. */
+    titular: string;
+    /** Fuente para cuerpo de texto. */
+    cuerpo: string;
+    /** Paleta de colores del kit. */
+    colores: CodeplexColoresMarca;
+}
+export declare const CODEPLEX_KITS_MARCA: CodeplexKitMarca[];
+export declare function obtenerKitMarca(id: string): CodeplexKitMarca | undefined;
+export declare function temaDesdeKitMarca(kit: CodeplexKitMarca): ThemeOptions;
+export declare function cargarKitMarca(kit: CodeplexKitMarca): void;
+export interface CodeplexTarjetaMarcaProps {
+    /** Kit de marca a previsualizar. */
+    kit: CodeplexKitMarca;
+    /** Resalta la tarjeta como seleccionada. */
+    seleccionado?: boolean;
+    /** Se ejecuta al hacer clic en la tarjeta. */
+    alSeleccionar?: (kit: CodeplexKitMarca) => void;
+}
+export declare const CodeplexTarjetaMarca: React.FC<CodeplexTarjetaMarcaProps>;

package/lib/pares-fuentes/pares-fuentes.d.ts

@@ -0,0 +1,22 @@
+import { ThemeOptions } from '@mui/material';
+export type CodeplexCategoriaFuentes = 'elegante' | 'moderno' | 'editorial' | 'tecnico' | 'minimalista';
+export interface CodeplexParFuentes {
+    /** Identificador estable del emparejamiento. */
+    id: string;
+    /** Nombre legible del emparejamiento. */
+    nombre: string;
+    /** Fuente para títulos y encabezados. */
+    titular: string;
+    /** Fuente para cuerpo de texto y párrafos. */
+    cuerpo: string;
+    /** Clasificación del estilo visual. */
+    categoria: CodeplexCategoriaFuentes;
+    /** Breve descripción del carácter del emparejamiento. */
+    descripcion: string;
+}
+export declare const CODEPLEX_PARES_FUENTES: CodeplexParFuentes[];
+export declare function obtenerParFuentes(id: string): CodeplexParFuentes | undefined;
+export declare function urlGoogleFonts(par: CodeplexParFuentes): string;
+export declare function tipografiaDesdeParFuentes(par: CodeplexParFuentes): NonNullable<ThemeOptions['typography']>;
+export declare function temaDesdeParFuentes(par: CodeplexParFuentes): ThemeOptions;
+export declare function cargarParFuentes(par: CodeplexParFuentes): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeplex-sac/tema",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",