@neural-ui/core 1.1.2 → 1.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/fesm2022/neural-ui-core.mjs +348 -276
- package/fesm2022/neural-ui-core.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/_tokens.scss +7 -7
- package/types/neural-ui-core.d.ts +335 -305
package/package.json
CHANGED
package/styles/_tokens.scss
CHANGED
|
@@ -161,26 +161,26 @@
|
|
|
161
161
|
// Activado con: document.documentElement.setAttribute('data-theme', 'dark')
|
|
162
162
|
// ============================================================
|
|
163
163
|
[data-theme='dark'] {
|
|
164
|
-
// ---- Brand (
|
|
164
|
+
// ---- Brand (mismo azul / same blue, fondos adaptados / adapted backgrounds) ----
|
|
165
165
|
--neu-primary-50: rgba(0, 122, 255, 0.12);
|
|
166
166
|
--neu-primary-100: rgba(0, 122, 255, 0.2);
|
|
167
167
|
|
|
168
|
-
// ---- Fondos ----
|
|
168
|
+
// ---- Fondos / Backgrounds ----
|
|
169
169
|
--neu-bg: #0d1117; // GitHub-dark inspired — fondo base
|
|
170
170
|
--neu-surface: #161b22; // Tarjetas, paneles
|
|
171
171
|
--neu-surface-2: #21262d; // Hover, fondos secundarios
|
|
172
172
|
--neu-surface-3: #30363d; // Separadores, track de switch
|
|
173
173
|
|
|
174
|
-
// ---- Bordes ----
|
|
174
|
+
// ---- Bordes / Borders ----
|
|
175
175
|
--neu-border: rgba(255, 255, 255, 0.08);
|
|
176
176
|
--neu-border-hover: rgba(255, 255, 255, 0.16);
|
|
177
177
|
|
|
178
|
-
// ---- Texto ----
|
|
178
|
+
// ---- Texto / Text ----
|
|
179
179
|
--neu-text: #e6edf3; // Casi blanco — texto principal
|
|
180
180
|
--neu-text-muted: #8b949e; // Slate-400 equivalent — subtítulos
|
|
181
181
|
--neu-text-disabled: #484f58; // Elementos deshabilitados
|
|
182
182
|
|
|
183
|
-
// ---- Semánticos — fondos ajustados a dark ----
|
|
183
|
+
// ---- Semánticos — fondos ajustados a dark / Semantic — backgrounds adjusted for dark mode ----
|
|
184
184
|
--neu-success-bg: rgba(16, 185, 129, 0.15);
|
|
185
185
|
--neu-success-text: #6ee7b7;
|
|
186
186
|
|
|
@@ -193,14 +193,14 @@
|
|
|
193
193
|
--neu-info-bg: rgba(0, 122, 255, 0.15);
|
|
194
194
|
--neu-info-text: #93c5fd;
|
|
195
195
|
|
|
196
|
-
// ---- Sombras (
|
|
196
|
+
// ---- Sombras / Shadows (hidden in dark mode, borders used instead) ----
|
|
197
197
|
--neu-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
|
|
198
198
|
--neu-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
|
|
199
199
|
--neu-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.3);
|
|
200
200
|
--neu-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.5), 0 4px 8px rgba(0, 0, 0, 0.3);
|
|
201
201
|
--neu-shadow-glow: 0 0 20px rgba(0, 122, 255, 0.35);
|
|
202
202
|
|
|
203
|
-
// ---- Tooltip: fondo claro sobre dark
|
|
203
|
+
// ---- Tooltip: fondo claro sobre dark / light bg on dark for contrast ----
|
|
204
204
|
--neu-tooltip-bg: #e6edf3;
|
|
205
205
|
--neu-tooltip-fg: #0d1117;
|
|
206
206
|
--neu-tooltip-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
|