morfeo 0.4.0 → 0.5.1

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.
@@ -164,16 +164,16 @@ export const Avatar: React.FC<{x: number; y: number; size: number; aro: number}>
164
164
  width: size,
165
165
  height: size,
166
166
  borderRadius: '50%',
167
- background: 'linear-gradient(#5A3CAA, #2A1650)',
167
+ background: marca.color ? `linear-gradient(${marca.color}, #111)` : 'linear-gradient(#5A3CAA, #2A1650)',
168
168
  color: '#fff',
169
169
  fontFamily: ANTON,
170
- fontSize: size * 0.55,
170
+ fontSize: size * (marca.siglas && marca.siglas.length > 1 ? 0.42 : 0.55),
171
171
  display: 'flex',
172
172
  alignItems: 'center',
173
173
  justifyContent: 'center',
174
174
  }}
175
175
  >
176
- {(marca.nombre.trim()[0] || 'M').toUpperCase()}
176
+ {(marca.siglas || marca.nombre.trim()[0] || 'M').toUpperCase().slice(0, 3)}
177
177
  </div>
178
178
  )}
179
179
  </div>
package/remotion/tipos.ts CHANGED
@@ -34,6 +34,9 @@ export type Datos = {
34
34
  export type Marca = {
35
35
  nombre: string; // "" = sin etiqueta
36
36
  logo: string | null; // ruta dentro de la carpeta public (la copia morfeo), o null = inicial del nombre
37
+ siglas?: string; // sin logo: estas siglas (2–3 letras) en vez de la inicial
38
+ color?: string; // color del círculo de las siglas y acento de la portada
39
+ letra?: string; // letra de títulos del estilo propio (portada)
37
40
  redes: string; // línea pequeña bajo el botón de la escena "cta" ("" = nada)
38
41
  seguir: string; // texto del botón de la escena "cta"
39
42
  siguiendo: string; // texto del botón ya pulsado