@edc-motor/ui 0.4.32 → 0.4.33
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/package.json +1 -1
- package/scss/components/_chip.scss +11 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@edc-motor/ui",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.33",
|
|
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",
|
|
@@ -20,4 +20,15 @@
|
|
|
20
20
|
&.is-info { color: $info; border-color: color-mix(in srgb, $info 45%, transparent); }
|
|
21
21
|
&.is-missing { color: $warning; border-color: color-mix(in srgb, $warning 45%, transparent); }
|
|
22
22
|
&.is-failed { color: $danger; border-color: color-mix(in srgb, $danger 45%, transparent); }
|
|
23
|
+
|
|
24
|
+
// Chip de IDENTIDAD teñido por dato (p. ej. la facción de un juego): el
|
|
25
|
+
// color llega por --chip-tint (style en línea) y pasa a ser el FONDO; el
|
|
26
|
+
// texto elige blanco o negro por luminosidad real (truco lch, como los
|
|
27
|
+
// botones de bloque) — legible con cualquier color y en ambos temas, que
|
|
28
|
+
// era el problema del texto teñido sobre el fondo del chip de contorno.
|
|
29
|
+
&.is-tinted {
|
|
30
|
+
background: var(--chip-tint);
|
|
31
|
+
border-color: transparent;
|
|
32
|
+
@include contrast-text(var(--chip-tint));
|
|
33
|
+
}
|
|
23
34
|
}
|