@edc-motor/ui 0.5.11 → 0.5.12

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 +16 -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.12",
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,20 +45,21 @@
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`): cuatro VELOS del COLOR DE SUPERFICIE del tema
49
+ // (--surface, el fondo de tarjeta) a distintas opacidades — 15/30/60/
50
+ // 85 %, el número del token es 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 quinto
57
+ // preset; BlockShell resuelve cualquier token a var(--<nombre>) y ya
58
+ // llegan translúcidos.
59
+ --veil-15: color-mix(in srgb, var(--surface) 15%, transparent);
60
+ --veil-30: color-mix(in srgb, var(--surface) 30%, transparent);
61
+ --veil-60: color-mix(in srgb, var(--surface) 60%, transparent);
62
+ --veil-85: color-mix(in srgb, var(--surface) 85%, transparent);
62
63
  --accent-soft: color-mix(in srgb, var(--accent-500) 20%, transparent);
63
64
 
64
65
  // LEGACY (presets de 0.5.10, retirados del picker en favor de los
@@ -98,7 +99,7 @@
98
99
  --page-bg-opacity: 0.1;
99
100
 
100
101
  // 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.
102
+ // este --surface oscuro. El acento translúcido sí baja de grado en oscuro.
102
103
  --accent-soft: color-mix(in srgb, var(--accent-500) 16%, transparent);
103
104
 
104
105
  // LEGACY (grises 0.5.10 retirados del picker): grados propios del oscuro.