@closerclick/closer-click-profile 0.2.0 → 0.2.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.
- package/package.json +1 -1
- package/src/index.js +4 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@closerclick/closer-click-profile",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.1",
|
|
4
4
|
"description": "Web Component (custom element) <closer-click-profile> reutilizable por cualquier app del ecosistema Closer Click: tarjeta de perfil + reputación (confianza/afinidad, web-of-trust, reputación de la red). Autohosteado, Shadow DOM, temable por CSS vars.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "src/index.js",
|
package/src/index.js
CHANGED
|
@@ -151,6 +151,9 @@ const STYLE = `
|
|
|
151
151
|
--_muted: var(--ccp-muted, var(--muted, #8a7a66));
|
|
152
152
|
--_accent: var(--ccp-accent, var(--accent, #c0392b));
|
|
153
153
|
--_accent-2: var(--ccp-accent-2, var(--accent-2, #a93226));
|
|
154
|
+
/* Texto sobre el acento (botón primario). Default blanco; las apps con un
|
|
155
|
+
acento claro (p. ej. lima) lo ponen oscuro vía --ccp-accent-text. */
|
|
156
|
+
--_accent-text: var(--ccp-accent-text, #fff);
|
|
154
157
|
--_gold: var(--ccp-gold, var(--gold, #d4a72c));
|
|
155
158
|
--_derived: var(--ccp-derived, var(--derived, #a37a45));
|
|
156
159
|
--_online: var(--ccp-online, var(--online, #5a8a3a));
|
|
@@ -309,7 +312,7 @@ const STYLE = `
|
|
|
309
312
|
/* ----- Footer ----- */
|
|
310
313
|
.foot { display: flex; gap: 10px; justify-content: flex-end; padding: 14px 24px; background: var(--_bg-2); border-top: 1px solid var(--_border); }
|
|
311
314
|
.btn { font: inherit; font-weight: 600; padding: 9px 16px; border-radius: 10px; border: 1px solid transparent; cursor: pointer; }
|
|
312
|
-
.btn.primary { background: var(--_accent); color:
|
|
315
|
+
.btn.primary { background: var(--_accent); color: var(--_accent-text); }
|
|
313
316
|
.btn.primary:hover:not(:disabled) { background: var(--_accent-2); }
|
|
314
317
|
.btn.primary:disabled { opacity: 0.6; cursor: default; }
|
|
315
318
|
.btn.secondary { background: transparent; color: var(--_text); border-color: var(--_border); }
|