@edc-motor/ui 0.5.11 → 0.5.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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/scss/_theme.scss +20 -15
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@edc-motor/ui",
3
- "version": "0.5.11",
3
+ "version": "0.5.13",
4
4
  "description": "EdC Motor — componentes públicos Vue 3 + tokens SCSS para webs de juegos de mesa (paquete fuente: lo compila el consumidor con Vite)",
5
5
  "license": "GPL-3.0-only",
6
6
  "type": "module",
package/scss/_theme.scss CHANGED
@@ -45,22 +45,27 @@
45
45
  --page-bg-opacity: 0.2;
46
46
 
47
47
  // Fondos DINÁMICOS de bloque (presets token:* del campo común
48
- // `background`): cuatro VELOS del COLOR DE FONDO DE PÁGINA del tema
49
- // (--bg) a distintas opacidades — 15/30/60/85 %, el número del token es
50
- // su opacidad. Sobre la imagen de fondo de página, un velo «re-acerca»
51
- // el bloque al fondo del tema: en oscuro ennegrece, en claro
52
- // emblanquece, y cuanto mayor el grado más tapa la imagen. Se declaran
53
- // UNA vez aquí (sirven a ambos temas): var(--bg) se sustituye con el
54
- // --bg que gane en <html> — el data-theme del tema vive en el propio
55
- // :root, así que el velo sigue al claro/oscuro solo. El acento
56
- // translúcido (--accent-soft) es el quinto preset; BlockShell resuelve
57
- // cualquier token a var(--<nombre>) y ya llegan translúcidos.
58
- --veil-15: color-mix(in srgb, var(--bg) 15%, transparent);
59
- --veil-30: color-mix(in srgb, var(--bg) 30%, transparent);
60
- --veil-60: color-mix(in srgb, var(--bg) 60%, transparent);
61
- --veil-85: color-mix(in srgb, var(--bg) 85%, transparent);
48
+ // `background`): DOS velos del COLOR DE SUPERFICIE del tema
49
+ // (--surface, el fondo de tarjeta) — 60 y 80 %, el número del token es
50
+ // su opacidad. Sobre la imagen de fondo de
51
+ // página, un velo «re-acerca» el bloque a la superficie del tema: en
52
+ // oscuro ennegrece, en claro emblanquece, y cuanto mayor el grado más
53
+ // tapa la imagen. Se declaran UNA vez aquí (sirven a ambos temas):
54
+ // var(--surface) se sustituye con el que gane en <html> — el data-theme
55
+ // del tema vive en el propio :root, así que el velo sigue al
56
+ // claro/oscuro solo. El acento translúcido (--accent-soft) es el tercer
57
+ // preset; BlockShell resuelve cualquier token a var(--<nombre>) y ya
58
+ // llegan translúcidos.
59
+ --veil-60: color-mix(in srgb, var(--surface) 60%, transparent);
60
+ --veil-80: color-mix(in srgb, var(--surface) 80%, transparent);
62
61
  --accent-soft: color-mix(in srgb, var(--accent-500) 20%, transparent);
63
62
 
63
+ // LEGACY (velos de 0.5.11/0.5.12 retirados del picker): lo guardado con
64
+ // ellos sigue renderizando igual.
65
+ --veil-15: color-mix(in srgb, var(--surface) 15%, transparent);
66
+ --veil-30: color-mix(in srgb, var(--surface) 30%, transparent);
67
+ --veil-85: color-mix(in srgb, var(--surface) 85%, transparent);
68
+
64
69
  // LEGACY (presets de 0.5.10, retirados del picker en favor de los
65
70
  // velos): los grises translúcidos por grados sobre la base neutra slate
66
71
  // (#64748B). Sus custom properties se CONSERVAN para que lo guardado
@@ -98,7 +103,7 @@
98
103
  --page-bg-opacity: 0.1;
99
104
 
100
105
  // Los velos (--veil-*) NO se redeclaran: la definición de :root ya lee
101
- // este --bg oscuro. El acento translúcido sí baja de grado en oscuro.
106
+ // este --surface oscuro. El acento translúcido sí baja de grado en oscuro.
102
107
  --accent-soft: color-mix(in srgb, var(--accent-500) 16%, transparent);
103
108
 
104
109
  // LEGACY (grises 0.5.10 retirados del picker): grados propios del oscuro.