kaizen-lib 0.2.11 → 0.2.13
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 +337 -318
- package/package.json +1 -1
- package/src/ui/DiscoHaxball.tsx +101 -81
- package/src/ui/PanelExpandible.tsx +299 -0
- package/src/ui/avatarHaxball.ts +23 -0
- package/src/ui/camisetasHaxball.ts +128 -128
- package/src/ui/index.ts +19 -17
|
@@ -1,128 +1,128 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Catálogo de camisetas de Haxball, copiado de `global_shirts` en
|
|
3
|
-
* `kaizen-bot/structure/base.js` — mismo patrón que cualquier catálogo
|
|
4
|
-
* portado entre repos de Kaizen (ver `tagsValoracionCancha.ts` en
|
|
5
|
-
* mixbol-front): **tocar el original implica revisar esta copia**, no hay
|
|
6
|
-
* sincronización automática.
|
|
7
|
-
*
|
|
8
|
-
* Dos cosas del original que NO se trajeron:
|
|
9
|
-
* - El 4to valor numérico de cada entrada (`[angulo, colorTexto, colores, N,
|
|
10
|
-
* nombreNarrativo]`). El propósito es real —agrupar camisetas parecidas
|
|
11
|
-
* para que la rotación automática de kaizen-bot no le toque a un equipo el
|
|
12
|
-
* mismo color de familia que el rival (Brasil vs. Villarreal, amarillo
|
|
13
|
-
* contra amarillo)—, pero en el código de hoy ese propósito lo cumple otra
|
|
14
|
-
* cosa: `homeostatic_changeRedShirt` decide el choque con
|
|
15
|
-
* `host_shirtDistance`, una distancia de color calculada de verdad sobre
|
|
16
|
-
* `colorTexto` + `colores` (`base.js`), no con este número — no encontré
|
|
17
|
-
* ningún lugar del repo que lea el índice `[3]`. Como acá no hay rotación
|
|
18
|
-
* automática ni riesgo de choque (es un selector fijo, no equipos
|
|
19
|
-
* enfrentados en vivo), no hace falta portarlo.
|
|
20
|
-
* - El texto narrativo de chat (`" booocaaa"`, `"l equipo con camiseta
|
|
21
|
-
* oscura"`): está pensado para completar una frase ("cambiaste tu camiseta
|
|
22
|
-
* a la de..."), no para ser un nombre de exhibición. `nombre` es un rótulo
|
|
23
|
-
* prolijo nuevo, escrito para esta lista.
|
|
24
|
-
*/
|
|
25
|
-
|
|
26
|
-
export interface CamisetaHaxball {
|
|
27
|
-
/** Nombre para mostrar en un selector o como texto alternativo. */
|
|
28
|
-
nombre: string;
|
|
29
|
-
/** Ángulo de las franjas, en grados — el mismo valor que recibe `room.setTeamColors`. */
|
|
30
|
-
angulo: number;
|
|
31
|
-
/** Color del
|
|
32
|
-
colorTexto: string;
|
|
33
|
-
/** 1 a 3 colores que arman las franjas, en el orden en que se ciclan. */
|
|
34
|
-
colores: string[];
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
export const CAMISETAS_HAXBALL = {
|
|
38
|
-
// Equipos de fantasía
|
|
39
|
-
pataflaca: { nombre: 'Pataflaca', angulo: 0, colorTexto: '#ffffff', colores: ['#000000', '#c26366', '#000000'] },
|
|
40
|
-
negro: { nombre: 'Negro', angulo: 0, colorTexto: '#ffffff', colores: ['#000000'] },
|
|
41
|
-
blanco: { nombre: 'Blanco', angulo: 0, colorTexto: '#000000', colores: ['#ffffff'] },
|
|
42
|
-
pink: { nombre: 'Rosa', angulo: 15, colorTexto: '#6b0068', colores: ['#d47b9f', '#e685ac', '#ff94bf'] },
|
|
43
|
-
hack: { nombre: 'Hacker', angulo: 60, colorTexto: '#00ff00', colores: ['#000000', '#002602', '#000000'] },
|
|
44
|
-
red: { nombre: 'Rojo', angulo: 132, colorTexto: '#ffffff', colores: ['#ba0202', '#540101', '#ba0202'] },
|
|
45
|
-
blue: { nombre: 'Azul', angulo: 60, colorTexto: '#ffffff', colores: ['#0080ff', '#004077', '#002033'] },
|
|
46
|
-
lila: { nombre: 'Lila', angulo: 60, colorTexto: '#efff12', colores: ['#ff03d5', '#991188', '#661155'] },
|
|
47
|
-
green: { nombre: 'Verde', angulo: 60, colorTexto: '#f7ff19', colores: ['#44bb1e', '#177711', '#0d3304'] },
|
|
48
|
-
violet: { nombre: 'Violeta', angulo: 13, colorTexto: '#ffffff', colores: ['#6e00ff', '#6e00ff', '#000000'] },
|
|
49
|
-
aqua: { nombre: 'Aguamarina', angulo: 60, colorTexto: '#00ffd5', colores: ['#003029', '#00211c', '#00120f'] },
|
|
50
|
-
salmon: { nombre: 'Salmón', angulo: 60, colorTexto: '#000000', colores: ['#ff5e5e', '#ff8c8c', '#ffbe99'] },
|
|
51
|
-
halloween1: { nombre: 'Vampiro', angulo: 120, colorTexto: '#a2ff00', colores: ['#463e70', '#513f70', '#5c3f70'] },
|
|
52
|
-
halloween2: { nombre: 'Zombie', angulo: 70, colorTexto: '#a80000', colores: ['#00ff11', '#99c211'] },
|
|
53
|
-
tornasolado: { nombre: 'Tornasolado', angulo: 60, colorTexto: '#ffffff', colores: ['#870fff', '#6e42ff', '#4d58ff'] },
|
|
54
|
-
verano: { nombre: 'Verano', angulo: 60, colorTexto: '#072940', colores: ['#ff7100', '#ff7142', '#ff7162'] },
|
|
55
|
-
|
|
56
|
-
// Clubes argentinos
|
|
57
|
-
boca: { nombre: 'Boca Juniors', angulo: 90, colorTexto: '#ffffff', colores: ['#0c004d', '#ffd500', '#0c004d'] },
|
|
58
|
-
bocaa: { nombre: 'Boca Juniors (alterna)', angulo: 90, colorTexto: '#ffffff', colores: ['#ffd500', '#0c004d', '#ffd500'] },
|
|
59
|
-
river: { nombre: 'River Plate', angulo: 40, colorTexto: '#000000', colores: ['#ffffff', '#e31212', '#ffffff'] },
|
|
60
|
-
independiente: { nombre: 'Independiente', angulo: 0, colorTexto: '#ffffff', colores: ['#ff0000', '#b50000', '#9e0500'] },
|
|
61
|
-
racing: { nombre: 'Racing Club', angulo: 0, colorTexto: '#000000', colores: ['#00a2ff', '#ffffff', '#00a2ff'] },
|
|
62
|
-
|
|
63
|
-
// Clubes sudamericanos
|
|
64
|
-
flamengo: { nombre: 'Flamengo', angulo: 90, colorTexto: '#ffffff', colores: ['#1f1f1f', '#ff1414', '#1f1f1f'] },
|
|
65
|
-
gremio: { nombre: 'Grêmio', angulo: 0, colorTexto: '#ffffff', colores: ['#000000', '#2457ff', '#000000'] },
|
|
66
|
-
fluminense: { nombre: 'Fluminense', angulo: 0, colorTexto: '#ffffff', colores: ['#004537', '#75021a', '#004537'] },
|
|
67
|
-
palmeiras: { nombre: 'Palmeiras', angulo: 0, colorTexto: '#ffffff', colores: ['#004f00', '#003b00', '#004f00'] },
|
|
68
|
-
corinthians: { nombre: 'Corinthians', angulo: 0, colorTexto: '#d60000', colores: ['#ffffff', '#000000', '#ffffff'] },
|
|
69
|
-
penarol: { nombre: 'Peñarol', angulo: 0, colorTexto: '#ffffff', colores: ['#000000', '#ffee00', '#000000'] },
|
|
70
|
-
nacional: { nombre: 'Nacional (Uruguay)', angulo: 40, colorTexto: '#c90000', colores: ['#0011ff', '#ffffff', '#0011ff'] },
|
|
71
|
-
boston: { nombre: 'Boston River', angulo: 40, colorTexto: '#d9ffe0', colores: ['#058717', '#de2f2f', '#058717'] },
|
|
72
|
-
danubio: { nombre: 'Danubio', angulo: 40, colorTexto: '#ff0000', colores: ['#ffffff', '#000000', '#ffffff'] },
|
|
73
|
-
fenix: { nombre: 'Fénix (Uruguay)', angulo: 0, colorTexto: '#a67014', colores: ['#ffffff', '#671f96'] },
|
|
74
|
-
atleticonacional: { nombre: 'Atlético Nacional', angulo: 37, colorTexto: '#dbdbdb', colores: ['#059c19', '#048a16', '#047d14'] },
|
|
75
|
-
millonarios: { nombre: 'Millonarios', angulo: 37, colorTexto: '#dbdbdb', colores: ['#0843a8', '#073b94', '#063380'] },
|
|
76
|
-
|
|
77
|
-
// Selecciones
|
|
78
|
-
argentina: { nombre: 'Argentina', angulo: 0, colorTexto: '#000000', colores: ['#96c7ff', '#ffffff', '#96c7ff'] },
|
|
79
|
-
españa: { nombre: 'España', angulo: 90, colorTexto: '#000000', colores: ['#e61700', '#ffe121', '#e61700'] },
|
|
80
|
-
inglaterra: { nombre: 'Inglaterra', angulo: 40, colorTexto: '#de0000', colores: ['#d7f0ff', '#ffffff', '#d7f0ff'] },
|
|
81
|
-
francia: { nombre: 'Francia', angulo: 90, colorTexto: '#ffffff', colores: ['#156485', '#26294f', '#1b1d38'] },
|
|
82
|
-
alemania: { nombre: 'Alemania', angulo: 270, colorTexto: '#ffffff', colores: ['#ffef5e', '#ff120a', '#002033'] },
|
|
83
|
-
italia: { nombre: 'Italia', angulo: 0, colorTexto: '#000000', colores: ['#00ff00', '#fee8ff', '#ff1c03'] },
|
|
84
|
-
brasil: { nombre: 'Brasil', angulo: 90, colorTexto: '#11520a', colores: ['#4ac900', '#fff700', '#fff700'] },
|
|
85
|
-
uruguay: { nombre: 'Uruguay', angulo: 90, colorTexto: '#000000', colores: ['#94b4eb', '#69aaff'] },
|
|
86
|
-
eeuu: { nombre: 'Estados Unidos', angulo: 0, colorTexto: '#00345c', colores: ['#a30000', '#e80000', '#a30000'] },
|
|
87
|
-
canada: { nombre: 'Canadá', angulo: 0, colorTexto: '#470700', colores: ['#cc0000', '#e8e8e8', '#cc0000'] },
|
|
88
|
-
mexico: { nombre: 'México', angulo: 0, colorTexto: '#030303', colores: ['#009919', '#ffffff', '#fc0000'] },
|
|
89
|
-
colombia: { nombre: 'Colombia', angulo: 90, colorTexto: '#ffffff', colores: ['#f7ff00', '#0022ff', '#fc0000'] },
|
|
90
|
-
bolivia: { nombre: 'Bolivia', angulo: -90, colorTexto: '#ded81f', colores: ['#10a11e', '#11870c', '#0b6911'] },
|
|
91
|
-
holanda: { nombre: 'Países Bajos', angulo: 0, colorTexto: '#0831ff', colores: ['#ed5a11', '#ff6112', '#ed5a11'] },
|
|
92
|
-
portugal: { nombre: 'Portugal', angulo: 0, colorTexto: '#ffff14', colores: ['#c90000', '#2d8501'] },
|
|
93
|
-
egipto: { nombre: 'Egipto', angulo: 90, colorTexto: '#ffff14', colores: ['#c90000', '#ffffff', '#000000'] },
|
|
94
|
-
ucrania: { nombre: 'Ucrania', angulo: 90, colorTexto: '#000000', colores: ['#004fd9', '#e6de00'] },
|
|
95
|
-
suecia: { nombre: 'Suecia', angulo: 0, colorTexto: '#030302', colores: ['#4059ff', '#ffff00', '#4059ff'] },
|
|
96
|
-
belgica: { nombre: 'Bélgica', angulo: 0, colorTexto: '#ffffff', colores: ['#050505', '#fff700', '#c91010'] },
|
|
97
|
-
venezuela: { nombre: 'Venezuela', angulo: 90, colorTexto: '#ffffff', colores: ['#fff700', '#090ead', '#d60000'] },
|
|
98
|
-
nigeria: { nombre: 'Nigeria', angulo: 0, colorTexto: '#030303', colores: ['#086302', '#ffffff', '#086302'] },
|
|
99
|
-
marruecos: { nombre: 'Marruecos', angulo: 0, colorTexto: '#133800', colores: ['#cc1b0e', '#cc1b0e', '#cc1b0e'] },
|
|
100
|
-
japon: { nombre: 'Japón', angulo: 0, colorTexto: '#ffffff', colores: ['#0033aa', '#0033aa', '#0033aa'] },
|
|
101
|
-
corea: { nombre: 'Corea del Sur', angulo: 90, colorTexto: '#000000', colores: ['#ffffff', '#ff0000', '#ffffff'] },
|
|
102
|
-
croacia: { nombre: 'Croacia', angulo: 0, colorTexto: '#000000', colores: ['#ffffff', '#d60000', '#ffffff'] },
|
|
103
|
-
suiza: { nombre: 'Suiza', angulo: 0, colorTexto: '#ffffff', colores: ['#d60000', '#d60000', '#d60000'] },
|
|
104
|
-
dinamarca: { nombre: 'Dinamarca', angulo: 0, colorTexto: '#ffffff', colores: ['#c00000', '#c00000', '#c00000'] },
|
|
105
|
-
serbia: { nombre: 'Serbia', angulo: 90, colorTexto: '#ffffff', colores: ['#c60000', '#0033aa', '#ffffff'] },
|
|
106
|
-
polonia: { nombre: 'Polonia', angulo: 90, colorTexto: '#d60000', colores: ['#ffffff', '#ffffff', '#d60000'] },
|
|
107
|
-
australia: { nombre: 'Australia', angulo: 0, colorTexto: '#ffd700', colores: ['#006b3f', '#006b3f', '#006b3f'] },
|
|
108
|
-
senegal: { nombre: 'Senegal', angulo: 0, colorTexto: '#000000', colores: ['#00853f', '#fdef42', '#e31b23'] },
|
|
109
|
-
camerun: { nombre: 'Camerún', angulo: 0, colorTexto: '#ffd700', colores: ['#007a33', '#c8102e', '#fcd116'] },
|
|
110
|
-
argelia: { nombre: 'Argelia', angulo: 90, colorTexto: '#d60000', colores: ['#ffffff', '#0b8a3e', '#ffffff'] },
|
|
111
|
-
peru: { nombre: 'Perú', angulo: 45, colorTexto: '#d60000', colores: ['#ffffff', '#ffffff', '#ffffff'] },
|
|
112
|
-
chile: { nombre: 'Chile', angulo: 90, colorTexto: '#ffffff', colores: ['#0039a6', '#ffffff', '#d52b1e'] },
|
|
113
|
-
paraguay: { nombre: 'Paraguay', angulo: 90, colorTexto: '#0039a6', colores: ['#d60000', '#ffffff', '#d60000'] },
|
|
114
|
-
ecuador: { nombre: 'Ecuador', angulo: 90, colorTexto: '#000000', colores: ['#ffd100', '#0033a0', '#d60000'] },
|
|
115
|
-
costarica: { nombre: 'Costa Rica', angulo: 90, colorTexto: '#ffffff', colores: ['#0033a0', '#d60000', '#0033a0'] },
|
|
116
|
-
canadaAlt: { nombre: 'Canadá (alterna)', angulo: 0, colorTexto: '#ffffff', colores: ['#d60000', '#d60000', '#d60000'] },
|
|
117
|
-
gales: { nombre: 'Gales', angulo: 0, colorTexto: '#ffffff', colores: ['#c8102e', '#c8102e', '#c8102e'] },
|
|
118
|
-
escocia: { nombre: 'Escocia', angulo: 0, colorTexto: '#ffffff', colores: ['#005eb8', '#005eb8', '#005eb8'] },
|
|
119
|
-
irlanda: { nombre: 'Irlanda', angulo: 90, colorTexto: '#ffffff', colores: ['#009a44', '#ffffff', '#ff8200'] },
|
|
120
|
-
noruega: { nombre: 'Noruega', angulo: 0, colorTexto: '#ffffff', colores: ['#ba0c2f', '#ba0c2f', '#ba0c2f'] },
|
|
121
|
-
turquia: { nombre: 'Turquía', angulo: 0, colorTexto: '#ffffff', colores: ['#e30a17', '#e30a17', '#e30a17'] },
|
|
122
|
-
arabia: { nombre: 'Arabia Saudita', angulo: 0, colorTexto: '#ffffff', colores: ['#006c35', '#006c35', '#006c35'] },
|
|
123
|
-
iran: { nombre: 'Irán', angulo: 90, colorTexto: '#ffffff', colores: ['#239f40', '#ffffff', '#da0000'] },
|
|
124
|
-
qatar: { nombre: 'Qatar', angulo: 0, colorTexto: '#ffffff', colores: ['#8a1538', '#8a1538', '#8a1538'] },
|
|
125
|
-
nuevazelanda: { nombre: 'Nueva Zelanda', angulo: 0, colorTexto: '#ffffff', colores: ['#111111', '#111111', '#111111'] },
|
|
126
|
-
} as const satisfies Record<string, CamisetaHaxball>;
|
|
127
|
-
|
|
128
|
-
export type NombreCamiseta = keyof typeof CAMISETAS_HAXBALL;
|
|
1
|
+
/**
|
|
2
|
+
* Catálogo de camisetas de Haxball, copiado de `global_shirts` en
|
|
3
|
+
* `kaizen-bot/structure/base.js` — mismo patrón que cualquier catálogo
|
|
4
|
+
* portado entre repos de Kaizen (ver `tagsValoracionCancha.ts` en
|
|
5
|
+
* mixbol-front): **tocar el original implica revisar esta copia**, no hay
|
|
6
|
+
* sincronización automática.
|
|
7
|
+
*
|
|
8
|
+
* Dos cosas del original que NO se trajeron:
|
|
9
|
+
* - El 4to valor numérico de cada entrada (`[angulo, colorTexto, colores, N,
|
|
10
|
+
* nombreNarrativo]`). El propósito es real —agrupar camisetas parecidas
|
|
11
|
+
* para que la rotación automática de kaizen-bot no le toque a un equipo el
|
|
12
|
+
* mismo color de familia que el rival (Brasil vs. Villarreal, amarillo
|
|
13
|
+
* contra amarillo)—, pero en el código de hoy ese propósito lo cumple otra
|
|
14
|
+
* cosa: `homeostatic_changeRedShirt` decide el choque con
|
|
15
|
+
* `host_shirtDistance`, una distancia de color calculada de verdad sobre
|
|
16
|
+
* `colorTexto` + `colores` (`base.js`), no con este número — no encontré
|
|
17
|
+
* ningún lugar del repo que lea el índice `[3]`. Como acá no hay rotación
|
|
18
|
+
* automática ni riesgo de choque (es un selector fijo, no equipos
|
|
19
|
+
* enfrentados en vivo), no hace falta portarlo.
|
|
20
|
+
* - El texto narrativo de chat (`" booocaaa"`, `"l equipo con camiseta
|
|
21
|
+
* oscura"`): está pensado para completar una frase ("cambiaste tu camiseta
|
|
22
|
+
* a la de..."), no para ser un nombre de exhibición. `nombre` es un rótulo
|
|
23
|
+
* prolijo nuevo, escrito para esta lista.
|
|
24
|
+
*/
|
|
25
|
+
|
|
26
|
+
export interface CamisetaHaxball {
|
|
27
|
+
/** Nombre para mostrar en un selector o como texto alternativo. */
|
|
28
|
+
nombre: string;
|
|
29
|
+
/** Ángulo de las franjas, en grados — el mismo valor que recibe `room.setTeamColors`. */
|
|
30
|
+
angulo: number;
|
|
31
|
+
/** Color del avatar del jugador (hasta 2 caracteres) sobre el disco, en Haxball. `DiscoHaxball` lo usa para su `texto`. */
|
|
32
|
+
colorTexto: string;
|
|
33
|
+
/** 1 a 3 colores que arman las franjas, en el orden en que se ciclan. */
|
|
34
|
+
colores: string[];
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export const CAMISETAS_HAXBALL = {
|
|
38
|
+
// Equipos de fantasía
|
|
39
|
+
pataflaca: { nombre: 'Pataflaca', angulo: 0, colorTexto: '#ffffff', colores: ['#000000', '#c26366', '#000000'] },
|
|
40
|
+
negro: { nombre: 'Negro', angulo: 0, colorTexto: '#ffffff', colores: ['#000000'] },
|
|
41
|
+
blanco: { nombre: 'Blanco', angulo: 0, colorTexto: '#000000', colores: ['#ffffff'] },
|
|
42
|
+
pink: { nombre: 'Rosa', angulo: 15, colorTexto: '#6b0068', colores: ['#d47b9f', '#e685ac', '#ff94bf'] },
|
|
43
|
+
hack: { nombre: 'Hacker', angulo: 60, colorTexto: '#00ff00', colores: ['#000000', '#002602', '#000000'] },
|
|
44
|
+
red: { nombre: 'Rojo', angulo: 132, colorTexto: '#ffffff', colores: ['#ba0202', '#540101', '#ba0202'] },
|
|
45
|
+
blue: { nombre: 'Azul', angulo: 60, colorTexto: '#ffffff', colores: ['#0080ff', '#004077', '#002033'] },
|
|
46
|
+
lila: { nombre: 'Lila', angulo: 60, colorTexto: '#efff12', colores: ['#ff03d5', '#991188', '#661155'] },
|
|
47
|
+
green: { nombre: 'Verde', angulo: 60, colorTexto: '#f7ff19', colores: ['#44bb1e', '#177711', '#0d3304'] },
|
|
48
|
+
violet: { nombre: 'Violeta', angulo: 13, colorTexto: '#ffffff', colores: ['#6e00ff', '#6e00ff', '#000000'] },
|
|
49
|
+
aqua: { nombre: 'Aguamarina', angulo: 60, colorTexto: '#00ffd5', colores: ['#003029', '#00211c', '#00120f'] },
|
|
50
|
+
salmon: { nombre: 'Salmón', angulo: 60, colorTexto: '#000000', colores: ['#ff5e5e', '#ff8c8c', '#ffbe99'] },
|
|
51
|
+
halloween1: { nombre: 'Vampiro', angulo: 120, colorTexto: '#a2ff00', colores: ['#463e70', '#513f70', '#5c3f70'] },
|
|
52
|
+
halloween2: { nombre: 'Zombie', angulo: 70, colorTexto: '#a80000', colores: ['#00ff11', '#99c211'] },
|
|
53
|
+
tornasolado: { nombre: 'Tornasolado', angulo: 60, colorTexto: '#ffffff', colores: ['#870fff', '#6e42ff', '#4d58ff'] },
|
|
54
|
+
verano: { nombre: 'Verano', angulo: 60, colorTexto: '#072940', colores: ['#ff7100', '#ff7142', '#ff7162'] },
|
|
55
|
+
|
|
56
|
+
// Clubes argentinos
|
|
57
|
+
boca: { nombre: 'Boca Juniors', angulo: 90, colorTexto: '#ffffff', colores: ['#0c004d', '#ffd500', '#0c004d'] },
|
|
58
|
+
bocaa: { nombre: 'Boca Juniors (alterna)', angulo: 90, colorTexto: '#ffffff', colores: ['#ffd500', '#0c004d', '#ffd500'] },
|
|
59
|
+
river: { nombre: 'River Plate', angulo: 40, colorTexto: '#000000', colores: ['#ffffff', '#e31212', '#ffffff'] },
|
|
60
|
+
independiente: { nombre: 'Independiente', angulo: 0, colorTexto: '#ffffff', colores: ['#ff0000', '#b50000', '#9e0500'] },
|
|
61
|
+
racing: { nombre: 'Racing Club', angulo: 0, colorTexto: '#000000', colores: ['#00a2ff', '#ffffff', '#00a2ff'] },
|
|
62
|
+
|
|
63
|
+
// Clubes sudamericanos
|
|
64
|
+
flamengo: { nombre: 'Flamengo', angulo: 90, colorTexto: '#ffffff', colores: ['#1f1f1f', '#ff1414', '#1f1f1f'] },
|
|
65
|
+
gremio: { nombre: 'Grêmio', angulo: 0, colorTexto: '#ffffff', colores: ['#000000', '#2457ff', '#000000'] },
|
|
66
|
+
fluminense: { nombre: 'Fluminense', angulo: 0, colorTexto: '#ffffff', colores: ['#004537', '#75021a', '#004537'] },
|
|
67
|
+
palmeiras: { nombre: 'Palmeiras', angulo: 0, colorTexto: '#ffffff', colores: ['#004f00', '#003b00', '#004f00'] },
|
|
68
|
+
corinthians: { nombre: 'Corinthians', angulo: 0, colorTexto: '#d60000', colores: ['#ffffff', '#000000', '#ffffff'] },
|
|
69
|
+
penarol: { nombre: 'Peñarol', angulo: 0, colorTexto: '#ffffff', colores: ['#000000', '#ffee00', '#000000'] },
|
|
70
|
+
nacional: { nombre: 'Nacional (Uruguay)', angulo: 40, colorTexto: '#c90000', colores: ['#0011ff', '#ffffff', '#0011ff'] },
|
|
71
|
+
boston: { nombre: 'Boston River', angulo: 40, colorTexto: '#d9ffe0', colores: ['#058717', '#de2f2f', '#058717'] },
|
|
72
|
+
danubio: { nombre: 'Danubio', angulo: 40, colorTexto: '#ff0000', colores: ['#ffffff', '#000000', '#ffffff'] },
|
|
73
|
+
fenix: { nombre: 'Fénix (Uruguay)', angulo: 0, colorTexto: '#a67014', colores: ['#ffffff', '#671f96'] },
|
|
74
|
+
atleticonacional: { nombre: 'Atlético Nacional', angulo: 37, colorTexto: '#dbdbdb', colores: ['#059c19', '#048a16', '#047d14'] },
|
|
75
|
+
millonarios: { nombre: 'Millonarios', angulo: 37, colorTexto: '#dbdbdb', colores: ['#0843a8', '#073b94', '#063380'] },
|
|
76
|
+
|
|
77
|
+
// Selecciones
|
|
78
|
+
argentina: { nombre: 'Argentina', angulo: 0, colorTexto: '#000000', colores: ['#96c7ff', '#ffffff', '#96c7ff'] },
|
|
79
|
+
españa: { nombre: 'España', angulo: 90, colorTexto: '#000000', colores: ['#e61700', '#ffe121', '#e61700'] },
|
|
80
|
+
inglaterra: { nombre: 'Inglaterra', angulo: 40, colorTexto: '#de0000', colores: ['#d7f0ff', '#ffffff', '#d7f0ff'] },
|
|
81
|
+
francia: { nombre: 'Francia', angulo: 90, colorTexto: '#ffffff', colores: ['#156485', '#26294f', '#1b1d38'] },
|
|
82
|
+
alemania: { nombre: 'Alemania', angulo: 270, colorTexto: '#ffffff', colores: ['#ffef5e', '#ff120a', '#002033'] },
|
|
83
|
+
italia: { nombre: 'Italia', angulo: 0, colorTexto: '#000000', colores: ['#00ff00', '#fee8ff', '#ff1c03'] },
|
|
84
|
+
brasil: { nombre: 'Brasil', angulo: 90, colorTexto: '#11520a', colores: ['#4ac900', '#fff700', '#fff700'] },
|
|
85
|
+
uruguay: { nombre: 'Uruguay', angulo: 90, colorTexto: '#000000', colores: ['#94b4eb', '#69aaff'] },
|
|
86
|
+
eeuu: { nombre: 'Estados Unidos', angulo: 0, colorTexto: '#00345c', colores: ['#a30000', '#e80000', '#a30000'] },
|
|
87
|
+
canada: { nombre: 'Canadá', angulo: 0, colorTexto: '#470700', colores: ['#cc0000', '#e8e8e8', '#cc0000'] },
|
|
88
|
+
mexico: { nombre: 'México', angulo: 0, colorTexto: '#030303', colores: ['#009919', '#ffffff', '#fc0000'] },
|
|
89
|
+
colombia: { nombre: 'Colombia', angulo: 90, colorTexto: '#ffffff', colores: ['#f7ff00', '#0022ff', '#fc0000'] },
|
|
90
|
+
bolivia: { nombre: 'Bolivia', angulo: -90, colorTexto: '#ded81f', colores: ['#10a11e', '#11870c', '#0b6911'] },
|
|
91
|
+
holanda: { nombre: 'Países Bajos', angulo: 0, colorTexto: '#0831ff', colores: ['#ed5a11', '#ff6112', '#ed5a11'] },
|
|
92
|
+
portugal: { nombre: 'Portugal', angulo: 0, colorTexto: '#ffff14', colores: ['#c90000', '#2d8501'] },
|
|
93
|
+
egipto: { nombre: 'Egipto', angulo: 90, colorTexto: '#ffff14', colores: ['#c90000', '#ffffff', '#000000'] },
|
|
94
|
+
ucrania: { nombre: 'Ucrania', angulo: 90, colorTexto: '#000000', colores: ['#004fd9', '#e6de00'] },
|
|
95
|
+
suecia: { nombre: 'Suecia', angulo: 0, colorTexto: '#030302', colores: ['#4059ff', '#ffff00', '#4059ff'] },
|
|
96
|
+
belgica: { nombre: 'Bélgica', angulo: 0, colorTexto: '#ffffff', colores: ['#050505', '#fff700', '#c91010'] },
|
|
97
|
+
venezuela: { nombre: 'Venezuela', angulo: 90, colorTexto: '#ffffff', colores: ['#fff700', '#090ead', '#d60000'] },
|
|
98
|
+
nigeria: { nombre: 'Nigeria', angulo: 0, colorTexto: '#030303', colores: ['#086302', '#ffffff', '#086302'] },
|
|
99
|
+
marruecos: { nombre: 'Marruecos', angulo: 0, colorTexto: '#133800', colores: ['#cc1b0e', '#cc1b0e', '#cc1b0e'] },
|
|
100
|
+
japon: { nombre: 'Japón', angulo: 0, colorTexto: '#ffffff', colores: ['#0033aa', '#0033aa', '#0033aa'] },
|
|
101
|
+
corea: { nombre: 'Corea del Sur', angulo: 90, colorTexto: '#000000', colores: ['#ffffff', '#ff0000', '#ffffff'] },
|
|
102
|
+
croacia: { nombre: 'Croacia', angulo: 0, colorTexto: '#000000', colores: ['#ffffff', '#d60000', '#ffffff'] },
|
|
103
|
+
suiza: { nombre: 'Suiza', angulo: 0, colorTexto: '#ffffff', colores: ['#d60000', '#d60000', '#d60000'] },
|
|
104
|
+
dinamarca: { nombre: 'Dinamarca', angulo: 0, colorTexto: '#ffffff', colores: ['#c00000', '#c00000', '#c00000'] },
|
|
105
|
+
serbia: { nombre: 'Serbia', angulo: 90, colorTexto: '#ffffff', colores: ['#c60000', '#0033aa', '#ffffff'] },
|
|
106
|
+
polonia: { nombre: 'Polonia', angulo: 90, colorTexto: '#d60000', colores: ['#ffffff', '#ffffff', '#d60000'] },
|
|
107
|
+
australia: { nombre: 'Australia', angulo: 0, colorTexto: '#ffd700', colores: ['#006b3f', '#006b3f', '#006b3f'] },
|
|
108
|
+
senegal: { nombre: 'Senegal', angulo: 0, colorTexto: '#000000', colores: ['#00853f', '#fdef42', '#e31b23'] },
|
|
109
|
+
camerun: { nombre: 'Camerún', angulo: 0, colorTexto: '#ffd700', colores: ['#007a33', '#c8102e', '#fcd116'] },
|
|
110
|
+
argelia: { nombre: 'Argelia', angulo: 90, colorTexto: '#d60000', colores: ['#ffffff', '#0b8a3e', '#ffffff'] },
|
|
111
|
+
peru: { nombre: 'Perú', angulo: 45, colorTexto: '#d60000', colores: ['#ffffff', '#ffffff', '#ffffff'] },
|
|
112
|
+
chile: { nombre: 'Chile', angulo: 90, colorTexto: '#ffffff', colores: ['#0039a6', '#ffffff', '#d52b1e'] },
|
|
113
|
+
paraguay: { nombre: 'Paraguay', angulo: 90, colorTexto: '#0039a6', colores: ['#d60000', '#ffffff', '#d60000'] },
|
|
114
|
+
ecuador: { nombre: 'Ecuador', angulo: 90, colorTexto: '#000000', colores: ['#ffd100', '#0033a0', '#d60000'] },
|
|
115
|
+
costarica: { nombre: 'Costa Rica', angulo: 90, colorTexto: '#ffffff', colores: ['#0033a0', '#d60000', '#0033a0'] },
|
|
116
|
+
canadaAlt: { nombre: 'Canadá (alterna)', angulo: 0, colorTexto: '#ffffff', colores: ['#d60000', '#d60000', '#d60000'] },
|
|
117
|
+
gales: { nombre: 'Gales', angulo: 0, colorTexto: '#ffffff', colores: ['#c8102e', '#c8102e', '#c8102e'] },
|
|
118
|
+
escocia: { nombre: 'Escocia', angulo: 0, colorTexto: '#ffffff', colores: ['#005eb8', '#005eb8', '#005eb8'] },
|
|
119
|
+
irlanda: { nombre: 'Irlanda', angulo: 90, colorTexto: '#ffffff', colores: ['#009a44', '#ffffff', '#ff8200'] },
|
|
120
|
+
noruega: { nombre: 'Noruega', angulo: 0, colorTexto: '#ffffff', colores: ['#ba0c2f', '#ba0c2f', '#ba0c2f'] },
|
|
121
|
+
turquia: { nombre: 'Turquía', angulo: 0, colorTexto: '#ffffff', colores: ['#e30a17', '#e30a17', '#e30a17'] },
|
|
122
|
+
arabia: { nombre: 'Arabia Saudita', angulo: 0, colorTexto: '#ffffff', colores: ['#006c35', '#006c35', '#006c35'] },
|
|
123
|
+
iran: { nombre: 'Irán', angulo: 90, colorTexto: '#ffffff', colores: ['#239f40', '#ffffff', '#da0000'] },
|
|
124
|
+
qatar: { nombre: 'Qatar', angulo: 0, colorTexto: '#ffffff', colores: ['#8a1538', '#8a1538', '#8a1538'] },
|
|
125
|
+
nuevazelanda: { nombre: 'Nueva Zelanda', angulo: 0, colorTexto: '#ffffff', colores: ['#111111', '#111111', '#111111'] },
|
|
126
|
+
} as const satisfies Record<string, CamisetaHaxball>;
|
|
127
|
+
|
|
128
|
+
export type NombreCamiseta = keyof typeof CAMISETAS_HAXBALL;
|
package/src/ui/index.ts
CHANGED
|
@@ -1,17 +1,19 @@
|
|
|
1
|
-
export { IconButton } from './IconButton';
|
|
2
|
-
export type { IconButtonSize } from './IconButton';
|
|
3
|
-
export { Medidor } from './Medidor';
|
|
4
|
-
export type { MedidorSentido } from './Medidor';
|
|
5
|
-
export { Relieve } from './Relieve';
|
|
6
|
-
export { ReactionButton } from './ReactionButton';
|
|
7
|
-
export type { ReactionTone } from './ReactionButton';
|
|
8
|
-
export { LangSelector } from './LangSelector';
|
|
9
|
-
export type { OpcionDeIdioma } from './LangSelector';
|
|
10
|
-
export { Modal } from './Modal';
|
|
11
|
-
export type { ModalSize } from './Modal';
|
|
12
|
-
export { Badge } from './Badge';
|
|
13
|
-
export type { BadgeTone } from './Badge';
|
|
14
|
-
export { BottomNav, bottomNavOffset } from './BottomNav';
|
|
15
|
-
export type { BottomNavItem } from './BottomNav';
|
|
16
|
-
export { DiscoHaxball, CAMISETAS_HAXBALL } from './DiscoHaxball';
|
|
17
|
-
export type { CamisetaHaxball, NombreCamiseta } from './DiscoHaxball';
|
|
1
|
+
export { IconButton } from './IconButton';
|
|
2
|
+
export type { IconButtonSize } from './IconButton';
|
|
3
|
+
export { Medidor } from './Medidor';
|
|
4
|
+
export type { MedidorSentido } from './Medidor';
|
|
5
|
+
export { Relieve } from './Relieve';
|
|
6
|
+
export { ReactionButton } from './ReactionButton';
|
|
7
|
+
export type { ReactionTone } from './ReactionButton';
|
|
8
|
+
export { LangSelector } from './LangSelector';
|
|
9
|
+
export type { OpcionDeIdioma } from './LangSelector';
|
|
10
|
+
export { Modal } from './Modal';
|
|
11
|
+
export type { ModalSize } from './Modal';
|
|
12
|
+
export { Badge } from './Badge';
|
|
13
|
+
export type { BadgeTone } from './Badge';
|
|
14
|
+
export { BottomNav, bottomNavOffset } from './BottomNav';
|
|
15
|
+
export type { BottomNavItem } from './BottomNav';
|
|
16
|
+
export { DiscoHaxball, CAMISETAS_HAXBALL, recortarAvatarHaxball, LUGARES_AVATAR_HAXBALL } from './DiscoHaxball';
|
|
17
|
+
export type { CamisetaHaxball, NombreCamiseta } from './DiscoHaxball';
|
|
18
|
+
export { PanelExpandible } from './PanelExpandible';
|
|
19
|
+
export type { PanelExpandibleProps } from './PanelExpandible';
|