@mks2508/better-logger 0.18.2-alpha.1 → 0.18.3
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/README.md +38 -336
- package/dist/Logger.d.ts +356 -157
- package/dist/Logger.d.ts.map +1 -1
- package/dist/ScopedLogger.d.ts +549 -9
- package/dist/ScopedLogger.d.ts.map +1 -1
- package/dist/chunks/HookBridge-C-AvXmPD.cjs +504 -0
- package/dist/chunks/HookBridge-C-AvXmPD.cjs.map +1 -0
- package/dist/chunks/HookBridge-CI2PH79S.js +487 -0
- package/dist/chunks/HookBridge-CI2PH79S.js.map +1 -0
- package/dist/chunks/{LogContext-L7HzynFw.cjs → LogContext-BaMXleWj.cjs} +19 -4
- package/dist/chunks/LogContext-BaMXleWj.cjs.map +1 -0
- package/dist/chunks/LogContext-DZasm_P5.cjs +141 -0
- package/dist/chunks/LogContext-DZasm_P5.cjs.map +1 -0
- package/dist/chunks/{LogContext-Cwn-1Zzb.js → LogContext-DjlITOzZ.js} +19 -4
- package/dist/chunks/LogContext-DjlITOzZ.js.map +1 -0
- package/dist/chunks/LogContext-Dyzs61XG.js +136 -0
- package/dist/chunks/LogContext-Dyzs61XG.js.map +1 -0
- package/dist/chunks/SerializerBridge-Ba43Mk7j.js +393 -0
- package/dist/chunks/SerializerBridge-Ba43Mk7j.js.map +1 -0
- package/dist/chunks/SerializerBridge-C4a9Z37F.cjs +410 -0
- package/dist/chunks/SerializerBridge-C4a9Z37F.cjs.map +1 -0
- package/dist/chunks/{StyleManager-CIpd6wbO.cjs → StyleManager-DQ6UNRB-.cjs} +37 -11
- package/dist/chunks/StyleManager-DQ6UNRB-.cjs.map +1 -0
- package/dist/chunks/StyleManager-DjwAYbxE.js +113 -0
- package/dist/chunks/StyleManager-DjwAYbxE.js.map +1 -0
- package/dist/chunks/{core-PoT7RrTK.js → core-Blfi2klP.js} +1 -4
- package/dist/chunks/core-Blfi2klP.js.map +1 -0
- package/dist/chunks/{core-Dzz7agGa.cjs → core-CqS_UBzJ.cjs} +1 -4
- package/dist/chunks/core-CqS_UBzJ.cjs.map +1 -0
- package/dist/chunks/{environment-detector-CI3TrWK_.js → environment-detector-7NvnYUfr.js} +11 -11
- package/dist/chunks/environment-detector-7NvnYUfr.js.map +1 -0
- package/dist/chunks/{environment-detector-Cnn6wr6O.cjs → environment-detector-D-tHkKWA.cjs} +11 -11
- package/dist/chunks/environment-detector-D-tHkKWA.cjs.map +1 -0
- package/dist/chunks/server-fallback-CaCPjWby.cjs +119 -0
- package/dist/chunks/server-fallback-CaCPjWby.cjs.map +1 -0
- package/dist/chunks/server-fallback-jj0T6XaK.js +114 -0
- package/dist/chunks/server-fallback-jj0T6XaK.js.map +1 -0
- package/dist/chunks/{spinner-DNvxbM9a.cjs → spinner-BHyYEXsM.cjs} +319 -37
- package/dist/chunks/spinner-BHyYEXsM.cjs.map +1 -0
- package/dist/chunks/{spinner-D3FsF78o.js → spinner-BtkwpzYv.js} +319 -37
- package/dist/chunks/spinner-BtkwpzYv.js.map +1 -0
- package/dist/chunks/styling-CRw3KQW4.js +1592 -0
- package/dist/chunks/styling-CRw3KQW4.js.map +1 -0
- package/dist/chunks/styling-Cel2wPRy.cjs +1645 -0
- package/dist/chunks/styling-Cel2wPRy.cjs.map +1 -0
- package/dist/chunks/transports-BGfwwakw.js +1237 -0
- package/dist/chunks/transports-BGfwwakw.js.map +1 -0
- package/dist/chunks/transports-BZ-Mc2IT.cjs +1450 -0
- package/dist/chunks/transports-BZ-Mc2IT.cjs.map +1 -0
- package/dist/chunks/transports-DvaLAeGJ.js +1403 -0
- package/dist/chunks/transports-DvaLAeGJ.js.map +1 -0
- package/dist/chunks/transports-yK6CL0Ml.cjs +1278 -0
- package/dist/chunks/transports-yK6CL0Ml.cjs.map +1 -0
- package/dist/chunks/{utils-BqlFYocD.cjs → utils-W_cxqriN.cjs} +44 -37
- package/dist/chunks/utils-W_cxqriN.cjs.map +1 -0
- package/dist/chunks/{utils-VETbVpkR.js → utils-tKfBAWUM.js} +44 -37
- package/dist/chunks/utils-tKfBAWUM.js.map +1 -0
- package/dist/cli/CommandProcessor.d.ts +166 -19
- package/dist/cli/CommandProcessor.d.ts.map +1 -1
- package/dist/cli/commands/ConfigCommand.d.ts +36 -1
- package/dist/cli/commands/ConfigCommand.d.ts.map +1 -1
- package/dist/cli/commands/ExportCommand.d.ts +49 -3
- package/dist/cli/commands/ExportCommand.d.ts.map +1 -1
- package/dist/cli/commands/ThemeCommand.d.ts +62 -3
- package/dist/cli/commands/ThemeCommand.d.ts.map +1 -1
- package/dist/cli/help.d.ts +30 -2
- package/dist/cli/help.d.ts.map +1 -1
- package/dist/cli/index.d.ts +29 -2
- package/dist/cli/index.d.ts.map +1 -1
- package/dist/cli.cjs +2 -2
- package/dist/cli.js +2 -2
- package/dist/context/LogContext.d.ts +167 -70
- package/dist/context/LogContext.d.ts.map +1 -1
- package/dist/context.cjs +1 -1
- package/dist/context.js +1 -1
- package/dist/core.cjs +52 -29
- package/dist/core.cjs.map +1 -1
- package/dist/core.d.ts +50 -27
- package/dist/core.d.ts.map +1 -1
- package/dist/core.js +52 -29
- package/dist/core.js.map +1 -1
- package/dist/hooks/HookBridge.d.ts +15 -9
- package/dist/hooks/HookBridge.d.ts.map +1 -1
- package/dist/hooks/HookManager.d.ts +295 -2
- package/dist/hooks/HookManager.d.ts.map +1 -1
- package/dist/hooks.cjs +1 -1
- package/dist/hooks.js +1 -1
- package/dist/index.cjs +1415 -214
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1413 -215
- package/dist/index.js.map +1 -1
- package/dist/playground/TerminalBridge.d.ts +23 -16
- package/dist/playground/TerminalBridge.d.ts.map +1 -1
- package/dist/playground/box.d.ts +36 -5
- package/dist/playground/box.d.ts.map +1 -1
- package/dist/playground/cli-table.d.ts +41 -5
- package/dist/playground/cli-table.d.ts.map +1 -1
- package/dist/playground/divider.d.ts +22 -3
- package/dist/playground/divider.d.ts.map +1 -1
- package/dist/playground/header.d.ts +21 -4
- package/dist/playground/header.d.ts.map +1 -1
- package/dist/playground/server-fallback.d.ts +96 -9
- package/dist/playground/server-fallback.d.ts.map +1 -1
- package/dist/playground/spinner.d.ts +159 -10
- package/dist/playground/spinner.d.ts.map +1 -1
- package/dist/playground/step.d.ts +25 -6
- package/dist/playground/step.d.ts.map +1 -1
- package/dist/playground.cjs +1 -1
- package/dist/playground.js +1 -1
- package/dist/serializers/SerializerBridge.d.ts +13 -6
- package/dist/serializers/SerializerBridge.d.ts.map +1 -1
- package/dist/serializers/SerializerRegistry.d.ts +236 -0
- package/dist/serializers/SerializerRegistry.d.ts.map +1 -1
- package/dist/serializers.cjs +1 -1
- package/dist/serializers.js +1 -1
- package/dist/styles/StyleManager.d.ts +138 -31
- package/dist/styles/StyleManager.d.ts.map +1 -1
- package/dist/styles.cjs +2 -2
- package/dist/styles.js +2 -2
- package/dist/styling/SmartPresets.d.ts +100 -6
- package/dist/styling/SmartPresets.d.ts.map +1 -1
- package/dist/styling/StyleBuilder.d.ts +453 -32
- package/dist/styling/StyleBuilder.d.ts.map +1 -1
- package/dist/styling/banners.d.ts +83 -7
- package/dist/styling/banners.d.ts.map +1 -1
- package/dist/styling/themes.d.ts +41 -2
- package/dist/styling/themes.d.ts.map +1 -1
- package/dist/transports/ConsoleTransport.d.ts +95 -0
- package/dist/transports/ConsoleTransport.d.ts.map +1 -1
- package/dist/transports/FileTransport.d.ts +99 -18
- package/dist/transports/FileTransport.d.ts.map +1 -1
- package/dist/transports/HttpTransport.d.ts +135 -22
- package/dist/transports/HttpTransport.d.ts.map +1 -1
- package/dist/transports/OtlpTraceTransport.d.ts +118 -0
- package/dist/transports/OtlpTraceTransport.d.ts.map +1 -0
- package/dist/transports/OtlpTransport.d.ts +80 -37
- package/dist/transports/OtlpTransport.d.ts.map +1 -1
- package/dist/transports/SpanRuntime.d.ts +73 -0
- package/dist/transports/SpanRuntime.d.ts.map +1 -0
- package/dist/transports/TransportBridge.d.ts +19 -13
- package/dist/transports/TransportBridge.d.ts.map +1 -1
- package/dist/transports/TransportManager.d.ts +232 -10
- package/dist/transports/TransportManager.d.ts.map +1 -1
- package/dist/transports/index.d.ts +1 -0
- package/dist/transports/index.d.ts.map +1 -1
- package/dist/transports-module.d.ts +3 -1
- package/dist/transports-module.d.ts.map +1 -1
- package/dist/transports.cjs +2 -1
- package/dist/transports.js +2 -2
- package/dist/types/core.d.ts +155 -59
- package/dist/types/core.d.ts.map +1 -1
- package/dist/types/hooks.d.ts +92 -14
- package/dist/types/hooks.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/serializers.d.ts +72 -0
- package/dist/types/serializers.d.ts.map +1 -1
- package/dist/types/transports.d.ts +163 -39
- package/dist/types/transports.d.ts.map +1 -1
- package/dist/utils/ansi-colors.d.ts +15 -15
- package/dist/utils/asyncLocalStorage.d.ts +33 -0
- package/dist/utils/asyncLocalStorage.d.ts.map +1 -0
- package/dist/utils/environment-detector.d.ts +11 -11
- package/dist/utils/formatting.d.ts +8 -8
- package/dist/utils/output.d.ts +9 -9
- package/dist/utils/output.d.ts.map +1 -1
- package/dist/utils/stackTrace.d.ts +2 -2
- package/package.json +24 -25
- package/dist/chunks/HookBridge-CiRfR67f.cjs +0 -190
- package/dist/chunks/HookBridge-CiRfR67f.cjs.map +0 -1
- package/dist/chunks/HookBridge-SgMmbXZB.js +0 -173
- package/dist/chunks/HookBridge-SgMmbXZB.js.map +0 -1
- package/dist/chunks/LogContext-Cwn-1Zzb.js.map +0 -1
- package/dist/chunks/LogContext-L7HzynFw.cjs.map +0 -1
- package/dist/chunks/SerializerBridge-BaOQOb8q.cjs +0 -166
- package/dist/chunks/SerializerBridge-BaOQOb8q.cjs.map +0 -1
- package/dist/chunks/SerializerBridge-BkpQu5c9.js +0 -149
- package/dist/chunks/SerializerBridge-BkpQu5c9.js.map +0 -1
- package/dist/chunks/StyleManager-CIpd6wbO.cjs.map +0 -1
- package/dist/chunks/StyleManager-LCvVlVdx.js +0 -87
- package/dist/chunks/StyleManager-LCvVlVdx.js.map +0 -1
- package/dist/chunks/core-Dzz7agGa.cjs.map +0 -1
- package/dist/chunks/core-PoT7RrTK.js.map +0 -1
- package/dist/chunks/environment-detector-CI3TrWK_.js.map +0 -1
- package/dist/chunks/environment-detector-Cnn6wr6O.cjs.map +0 -1
- package/dist/chunks/server-fallback-BUKjdLS7.cjs +0 -42
- package/dist/chunks/server-fallback-BUKjdLS7.cjs.map +0 -1
- package/dist/chunks/server-fallback-BsuWH1Dk.js +0 -37
- package/dist/chunks/server-fallback-BsuWH1Dk.js.map +0 -1
- package/dist/chunks/spinner-D3FsF78o.js.map +0 -1
- package/dist/chunks/spinner-DNvxbM9a.cjs.map +0 -1
- package/dist/chunks/styling-84N8T97t.js +0 -941
- package/dist/chunks/styling-84N8T97t.js.map +0 -1
- package/dist/chunks/styling-Cg5saQ46.cjs +0 -994
- package/dist/chunks/styling-Cg5saQ46.cjs.map +0 -1
- package/dist/chunks/transports-BiDk345e.js +0 -715
- package/dist/chunks/transports-BiDk345e.js.map +0 -1
- package/dist/chunks/transports-COPWmlF1.cjs +0 -756
- package/dist/chunks/transports-COPWmlF1.cjs.map +0 -1
- package/dist/chunks/utils-BqlFYocD.cjs.map +0 -1
- package/dist/chunks/utils-VETbVpkR.js.map +0 -1
- package/dist/example.d.ts +0 -18
- package/dist/example.d.ts.map +0 -1
- package/dist/main.d.ts +0 -2
- package/dist/main.d.ts.map +0 -1
|
@@ -1,140 +1,561 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @fileoverview StyleBuilder
|
|
2
|
+
* @fileoverview StyleBuilder — constructor fluido de estilos CSS para
|
|
3
|
+
* `%c`-formatting del console. Basis de todos los gradientes, badges,
|
|
4
|
+
* presets y estilos por nivel del logger.
|
|
3
5
|
*/
|
|
4
6
|
/**
|
|
5
|
-
*
|
|
7
|
+
* Constructor fluido de estilos CSS orientado al `%c`-formatting del
|
|
8
|
+
* DevTools console.
|
|
9
|
+
*
|
|
10
|
+
* Cada método empuja una declaración CSS a un buffer interno y retorna
|
|
11
|
+
* `this`, lo que permite encadenar llamadas para componer un estilo
|
|
12
|
+
* completo en una sola expresión. El string final se materializa con
|
|
13
|
+
* {@link StyleBuilder.build}, que une todas las declaraciones con `"; "`
|
|
14
|
+
* — exactamente el formato que espera `console.log("%c...", style)`.
|
|
15
|
+
*
|
|
16
|
+
* Está pensado como bloque base de la capa de styling del logger: los
|
|
17
|
+
* {@link StylePresets} se construyen con esta clase, y el proxy exportado
|
|
18
|
+
* `$` no es más que una instancia fresca expuesta vía `Proxy` para
|
|
19
|
+
* usarse ad-hoc sin instanciar manualmente.
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* // Estilo inline para un solo log
|
|
23
|
+
* const banner = new StyleBuilder()
|
|
24
|
+
* .bg('linear-gradient(135deg, #667eea 0%, #764ba2 100%)')
|
|
25
|
+
* .color('#ffffff')
|
|
26
|
+
* .padding('4px 8px')
|
|
27
|
+
* .rounded('4px')
|
|
28
|
+
* .bold()
|
|
29
|
+
* .build();
|
|
30
|
+
* console.log('%c MiApp ', banner);
|
|
31
|
+
*
|
|
32
|
+
* @example
|
|
33
|
+
* // Clonar + variar sin mutar el builder original (útil para
|
|
34
|
+
* // compartir una base entre variantes de badge)
|
|
35
|
+
* const base = new StyleBuilder().padding('2px 6px').rounded('3px');
|
|
36
|
+
* const ok = base.clone().color('#00b894').build();
|
|
37
|
+
* const warn = base.clone().color('#fdcb6e').build();
|
|
38
|
+
*
|
|
39
|
+
* @see {@link StylePresets} para presets listos (success, error, warning, ...).
|
|
40
|
+
* @see {@link $} para el proxy global reutilizable sin instanciar.
|
|
6
41
|
*/
|
|
7
42
|
export declare class StyleBuilder {
|
|
8
43
|
private styles;
|
|
44
|
+
/**
|
|
45
|
+
* Crea un builder opcionalmente inicializado con una declaración CSS
|
|
46
|
+
* base (p.ej. un fragmento de estilo compartido del que arrancar).
|
|
47
|
+
*
|
|
48
|
+
* @param {string} [baseStyle] - Declaración CSS inicial en formato
|
|
49
|
+
* `"prop: value"`. Si se omite, el builder arranca vacío y se rellena
|
|
50
|
+
* vía los métodos chainable.
|
|
51
|
+
*
|
|
52
|
+
* @example
|
|
53
|
+
* const sb = new StyleBuilder('color: #333');
|
|
54
|
+
* sb.bg('#eee').build(); // => "color: #333; background: #eee"
|
|
55
|
+
*/
|
|
9
56
|
constructor(baseStyle?: string);
|
|
10
57
|
/**
|
|
11
|
-
*
|
|
58
|
+
* Define el `background` del estilo. Acepta tanto colores planos
|
|
59
|
+
* (`#1e1e1e`) como gradientes CSS completos (`linear-gradient(...)`),
|
|
60
|
+
* que es lo que da el efecto "badge con color" característico del
|
|
61
|
+
* logger por nivel.
|
|
62
|
+
*
|
|
63
|
+
* @param {string} background - Valor crudo para la propiedad CSS
|
|
64
|
+
* `background` (color, gradiente o shorthand).
|
|
65
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
66
|
+
*
|
|
67
|
+
* @example
|
|
68
|
+
* new StyleBuilder().bg('linear-gradient(135deg, #00b894, #00a085)');
|
|
12
69
|
*/
|
|
13
70
|
bg(background: string): StyleBuilder;
|
|
14
71
|
/**
|
|
15
|
-
*
|
|
72
|
+
* Define el `color` (color del texto). Es el principal contraste
|
|
73
|
+
* contra el `background`: en badges con gradiente se suele usar
|
|
74
|
+
* `#ffffff`, mientras que en logs "muted" se rebaja la opacidad o
|
|
75
|
+
* se usa un gris (`#6c757d`).
|
|
76
|
+
*
|
|
77
|
+
* @param {string} color - Valor CSS de color (hex, rgb, named, ...).
|
|
78
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
79
|
+
*
|
|
80
|
+
* @example
|
|
81
|
+
* new StyleBuilder().bg('#1e1e1e').color('#00ffff');
|
|
16
82
|
*/
|
|
17
83
|
color(color: string): StyleBuilder;
|
|
18
84
|
/**
|
|
19
|
-
*
|
|
85
|
+
* Define el shorthand `border`. Útil para tags tipo "outline" sobre
|
|
86
|
+
* fondos neutros (ver preset `accent`) donde un borde sutil
|
|
87
|
+
* (`1px solid #dee2e6`) separa el badge del contenido sin saturar.
|
|
88
|
+
*
|
|
89
|
+
* @param {string} border - Shorthand CSS `border` completo
|
|
90
|
+
* (`"1px solid #dee2e6"`, `"2px dashed #e84393"`, ...).
|
|
91
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
92
|
+
*
|
|
93
|
+
* @example
|
|
94
|
+
* new StyleBuilder().border('1px solid #dee2e6').padding('2px 6px');
|
|
20
95
|
*/
|
|
21
96
|
border(border: string): StyleBuilder;
|
|
22
97
|
/**
|
|
23
|
-
*
|
|
98
|
+
* Define el `box-shadow`. Se usa sobre todo para efectos neón o de
|
|
99
|
+
* glow (preset `neon`), donde una sombra con alfa baja
|
|
100
|
+
* (`0 0 10px rgba(0,255,255,0.5)`) genera el halo alrededor del
|
|
101
|
+
* badge sin necesidad de animaciones.
|
|
102
|
+
*
|
|
103
|
+
* @param {string} shadow - Shorthand CSS `box-shadow`.
|
|
104
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
105
|
+
*
|
|
106
|
+
* @example
|
|
107
|
+
* new StyleBuilder().shadow('0 0 10px rgba(0, 255, 255, 0.5)');
|
|
24
108
|
*/
|
|
25
109
|
shadow(shadow: string): StyleBuilder;
|
|
26
110
|
/**
|
|
27
|
-
*
|
|
111
|
+
* Define el `padding` interno del badge. El valor típico en los
|
|
112
|
+
* presets del logger es `'4px 8px'` (vertical/horizontal), lo justo
|
|
113
|
+
* para que el texto respire sin engordar demasiado la línea de log.
|
|
114
|
+
*
|
|
115
|
+
* @param {string} padding - Shorthand CSS `padding`.
|
|
116
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
117
|
+
*
|
|
118
|
+
* @example
|
|
119
|
+
* new StyleBuilder().padding('4px 8px').rounded('4px');
|
|
28
120
|
*/
|
|
29
121
|
padding(padding: string): StyleBuilder;
|
|
30
122
|
/**
|
|
31
|
-
*
|
|
123
|
+
* Define el `margin` externo. Rara vez se usa en estilos de console
|
|
124
|
+
* (el flujo del DevTools no respeta margin igual que el DOM), pero
|
|
125
|
+
* queda expuesto para casos donde se quiera separar visualmente un
|
|
126
|
+
* bloque de logs contiguos.
|
|
127
|
+
*
|
|
128
|
+
* @param {string} margin - Shorthand CSS `margin`.
|
|
129
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
130
|
+
*
|
|
131
|
+
* @example
|
|
132
|
+
* new StyleBuilder().margin('0 0 4px 0');
|
|
32
133
|
*/
|
|
33
134
|
margin(margin: string): StyleBuilder;
|
|
34
135
|
/**
|
|
35
|
-
*
|
|
136
|
+
* Define el `border-radius`. Redondea las esquinas del badge para
|
|
137
|
+
* darle acabado de "pill" / "chip" en lugar de bloque recto.
|
|
138
|
+
*
|
|
139
|
+
* @param {string} [radius='4px'] - Valor CSS de `border-radius`.
|
|
140
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
141
|
+
*
|
|
142
|
+
* @example
|
|
143
|
+
* new StyleBuilder().rounded('999px'); // pill completo
|
|
36
144
|
*/
|
|
37
145
|
rounded(radius?: string): StyleBuilder;
|
|
38
146
|
/**
|
|
39
|
-
*
|
|
147
|
+
* Aplica `font-weight: bold`. Marca el texto del badge como enfatizado:
|
|
148
|
+
* los presets por nivel (`success`, `error`, ...) lo incluyen para que
|
|
149
|
+
* el severity destaque sobre el resto de la línea de log.
|
|
150
|
+
*
|
|
151
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
152
|
+
*
|
|
153
|
+
* @example
|
|
154
|
+
* new StyleBuilder().bg('#e84393').color('#fff').bold();
|
|
40
155
|
*/
|
|
41
156
|
bold(): StyleBuilder;
|
|
42
157
|
/**
|
|
43
|
-
*
|
|
158
|
+
* Define el `font-family`. Recibe el stack completo (coma-incluido)
|
|
159
|
+
* tal cual se inyecta en CSS. Para stacks ya probados en DevTools,
|
|
160
|
+
* preferir los atajos {@link StyleBuilder.mono} y
|
|
161
|
+
* {@link StyleBuilder.system} en lugar de escribir el stack a mano.
|
|
162
|
+
*
|
|
163
|
+
* @param {string} font - Stack de `font-family` CSS.
|
|
164
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
165
|
+
*
|
|
166
|
+
* @example
|
|
167
|
+
* new StyleBuilder().font('"JetBrains Mono", monospace');
|
|
44
168
|
*/
|
|
45
169
|
font(font: string): StyleBuilder;
|
|
46
170
|
/**
|
|
47
|
-
*
|
|
171
|
+
* Atajo de {@link StyleBuilder.font} con un stack monospace portable
|
|
172
|
+
* (`Monaco, Consolas, "Courier New", monospace`). Es el stack que usa
|
|
173
|
+
* el preset `muted` para logs de detalle/auxiliares, donde la
|
|
174
|
+
* alineación monoespaciada ayuda a escanear tablas y pares k=v.
|
|
175
|
+
*
|
|
176
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
177
|
+
*
|
|
178
|
+
* @example
|
|
179
|
+
* new StyleBuilder().mono().size('12px').color('#6c757d');
|
|
48
180
|
*/
|
|
49
181
|
mono(): StyleBuilder;
|
|
50
182
|
/**
|
|
51
|
-
*
|
|
183
|
+
* Atajo de {@link StyleBuilder.font} con el stack "system-ui" nativo
|
|
184
|
+
* del SO del usuario. Útil cuando se quiere que el log se integre
|
|
185
|
+
* visualmente con la UI nativa en lugar de marcar como "técnico".
|
|
186
|
+
*
|
|
187
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
188
|
+
*
|
|
189
|
+
* @example
|
|
190
|
+
* new StyleBuilder().system().size('14px');
|
|
52
191
|
*/
|
|
53
192
|
system(): StyleBuilder;
|
|
54
193
|
/**
|
|
55
|
-
*
|
|
194
|
+
* Define el `font-size`. El valor por defecto del DevTools suele ser
|
|
195
|
+
* suficiente; este método se usa para logs auxiliares (preset `muted`
|
|
196
|
+
* baja a `12px`) o para encabezados tipo banner donde se sube a
|
|
197
|
+
* `18px`-`24px`.
|
|
198
|
+
*
|
|
199
|
+
* @param {string} size - Valor CSS de `font-size` (`'12px'`, `'1.1em'`).
|
|
200
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
201
|
+
*
|
|
202
|
+
* @example
|
|
203
|
+
* new StyleBuilder().size('20px').bold();
|
|
56
204
|
*/
|
|
57
205
|
size(size: string): StyleBuilder;
|
|
58
206
|
/**
|
|
59
|
-
*
|
|
207
|
+
* Define el `line-height`. Aplicable cuando un badge envuelve varias
|
|
208
|
+
* líneas o cuando se quiere controlar la altura visual del bloque de
|
|
209
|
+
* log para que no "salte" respecto al texto adyacente.
|
|
210
|
+
*
|
|
211
|
+
* @param {string} height - Valor CSS de `line-height` (`'1.4'`, `'20px'`).
|
|
212
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
213
|
+
*
|
|
214
|
+
* @example
|
|
215
|
+
* new StyleBuilder().lineHeight('1.5').padding('8px');
|
|
60
216
|
*/
|
|
61
217
|
lineHeight(height: string): StyleBuilder;
|
|
62
218
|
/**
|
|
63
|
-
*
|
|
219
|
+
* Aplica `text-decoration: underline`. Útil para resaltar un token
|
|
220
|
+
* concreto dentro del mensaje (p.ej. un ID o un path) cuando el
|
|
221
|
+
* `color` por sí solo no basta para marcar jerarquía visual.
|
|
222
|
+
*
|
|
223
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
224
|
+
*
|
|
225
|
+
* @example
|
|
226
|
+
* new StyleBuilder().underline().color('#0984e3');
|
|
64
227
|
*/
|
|
65
228
|
underline(): StyleBuilder;
|
|
66
229
|
/**
|
|
67
|
-
*
|
|
230
|
+
* Aplica `text-transform: uppercase`. Convierte el texto a mayúsculas
|
|
231
|
+
* sin mutar el string original: ideal para tags cortos como severity
|
|
232
|
+
* (`INFO`, `WARN`) o siglas que conviene leer en bloque.
|
|
233
|
+
*
|
|
234
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
235
|
+
*
|
|
236
|
+
* @example
|
|
237
|
+
* new StyleBuilder().uppercase().bold().padding('2px 6px');
|
|
68
238
|
*/
|
|
69
239
|
uppercase(): StyleBuilder;
|
|
70
240
|
/**
|
|
71
|
-
*
|
|
241
|
+
* Define la `opacity` global del estilo (0 a 1). Es el mecanismo
|
|
242
|
+
* recomendado para "apagar" un log sin tener que oscurecer el color
|
|
243
|
+
* a mano: sobre fondo oscuro, bajar opacity a `0.6` da el efecto
|
|
244
|
+
* muted sin perder legibilidad del hue.
|
|
245
|
+
*
|
|
246
|
+
* @param {number} value - Valor de opacidad entre `0` (invisible) y
|
|
247
|
+
* `1` (opaco).
|
|
248
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
249
|
+
*
|
|
250
|
+
* @example
|
|
251
|
+
* new StyleBuilder().opacity(0.5).color('#999');
|
|
72
252
|
*/
|
|
73
253
|
opacity(value: number): StyleBuilder;
|
|
74
254
|
/**
|
|
75
|
-
*
|
|
255
|
+
* Define la propiedad `display`. Expuesta por completitud: en la
|
|
256
|
+
* mayoría de estilos de console el `display` del badge es controlado
|
|
257
|
+
* por el propio DevTools y este setter no tiene efecto visible, pero
|
|
258
|
+
* queda disponible para casos de render en contenedores DOM reales
|
|
259
|
+
* (preview components, overlays de playground).
|
|
260
|
+
*
|
|
261
|
+
* @param {string} value - Valor CSS de `display` (`'inline-block'`,
|
|
262
|
+
* `'flex'`, ...).
|
|
263
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
264
|
+
*
|
|
265
|
+
* @example
|
|
266
|
+
* new StyleBuilder().display('inline-block').padding('4px 8px');
|
|
76
267
|
*/
|
|
77
268
|
display(value: string): StyleBuilder;
|
|
78
269
|
/**
|
|
79
|
-
*
|
|
270
|
+
* Define la propiedad `position`. Mismo alcance que
|
|
271
|
+
* {@link StyleBuilder.display}: no afecta al flujo normal del
|
|
272
|
+
* DevTools console, pero queda disponible para estilos que se
|
|
273
|
+
* reutilizan fuera del console (playground DOM, tests visuales).
|
|
274
|
+
*
|
|
275
|
+
* @param {string} value - Valor CSS de `position` (`'relative'`,
|
|
276
|
+
* `'absolute'`, ...).
|
|
277
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
278
|
+
*
|
|
279
|
+
* @example
|
|
280
|
+
* new StyleBuilder().position('relative').display('inline-block');
|
|
80
281
|
*/
|
|
81
282
|
position(value: string): StyleBuilder;
|
|
82
283
|
/**
|
|
83
|
-
*
|
|
284
|
+
* Define la propiedad `transform`. Permite aplicar traslaciones,
|
|
285
|
+
* escalados o rotaciones al estilo. Útil en el playground DOM para
|
|
286
|
+
* micro-interacciones (hover scale, énfasis de banner); en el console
|
|
287
|
+
* crudo el soporte varía según navegador.
|
|
288
|
+
*
|
|
289
|
+
* @param {string} value - Valor CSS de `transform` (`'scale(1.1)'`,
|
|
290
|
+
* `'translateY(-2px)'`, ...).
|
|
291
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
292
|
+
*
|
|
293
|
+
* @example
|
|
294
|
+
* new StyleBuilder().transform('scale(1.05)');
|
|
84
295
|
*/
|
|
85
296
|
transform(value: string): StyleBuilder;
|
|
86
297
|
/**
|
|
87
|
-
*
|
|
298
|
+
* Define la propiedad `animation`. Aplica keyframes definidos en el
|
|
299
|
+
* contexto de render; en el DevTools console el soporte de animaciones
|
|
300
|
+
* es limitado y solo se materializa en el playground DOM o en
|
|
301
|
+
* overlays HTML, no en el flujo plano de logs.
|
|
302
|
+
*
|
|
303
|
+
* @param {string} value - Shorthand CSS `animation`.
|
|
304
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
305
|
+
*
|
|
306
|
+
* @example
|
|
307
|
+
* new StyleBuilder().animation('pulse 1s ease-in-out infinite');
|
|
88
308
|
*/
|
|
89
309
|
animation(value: string): StyleBuilder;
|
|
90
310
|
/**
|
|
91
|
-
*
|
|
311
|
+
* Define la propiedad `transition`. Mismo alcance que
|
|
312
|
+
* {@link StyleBuilder.animation}: pensado para el playground DOM,
|
|
313
|
+
* donde los estilos del logger se reutilizan en elementos que sí
|
|
314
|
+
* soportan transiciones (hover, focus, state changes).
|
|
315
|
+
*
|
|
316
|
+
* @param {string} value - Shorthand CSS `transition`.
|
|
317
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
318
|
+
*
|
|
319
|
+
* @example
|
|
320
|
+
* new StyleBuilder().transition('background 200ms ease');
|
|
92
321
|
*/
|
|
93
322
|
transition(value: string): StyleBuilder;
|
|
94
323
|
/**
|
|
95
|
-
*
|
|
324
|
+
* Define la propiedad `cursor`. Aplicable cuando el estilo se reutiliza
|
|
325
|
+
* en elementos interactivos del playground (chips clicables, badges con
|
|
326
|
+
* tooltip) donde se quiere sugerir affordance de click.
|
|
327
|
+
*
|
|
328
|
+
* @param {string} value - Valor CSS de `cursor` (`'pointer'`,
|
|
329
|
+
* `'help'`, ...).
|
|
330
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
331
|
+
*
|
|
332
|
+
* @example
|
|
333
|
+
* new StyleBuilder().cursor('pointer').rounded('4px');
|
|
96
334
|
*/
|
|
97
335
|
cursor(value: string): StyleBuilder;
|
|
98
336
|
/**
|
|
99
|
-
*
|
|
337
|
+
* Escape hatch para cualquier propiedad CSS que no tenga método
|
|
338
|
+
* dedicado. Empuja la declaración `property: value` tal cual al
|
|
339
|
+
* buffer, sin validación — útil para props modernas
|
|
340
|
+
* (`backdrop-filter`, `clip-path`, `text-shadow`) o vendor prefixes.
|
|
341
|
+
*
|
|
342
|
+
* @param {string} property - Nombre de la propiedad CSS.
|
|
343
|
+
* @param {string} value - Valor crudo de la propiedad.
|
|
344
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
345
|
+
*
|
|
346
|
+
* @example
|
|
347
|
+
* new StyleBuilder().custom('backdrop-filter', 'blur(8px)');
|
|
100
348
|
*/
|
|
101
349
|
custom(property: string, value: string): StyleBuilder;
|
|
102
350
|
/**
|
|
103
|
-
*
|
|
351
|
+
* Alias de {@link StyleBuilder.custom}. Mismo comportamiento exacto,
|
|
352
|
+
* expuesto solo porque `css(prop, val)` lee mejor como DSL inline
|
|
353
|
+
* cuando se está encadenando mucho.
|
|
354
|
+
*
|
|
355
|
+
* @param {string} property - Nombre de la propiedad CSS.
|
|
356
|
+
* @param {string} value - Valor crudo de la propiedad.
|
|
357
|
+
* @returns {StyleBuilder} `this` para encadenar más reglas.
|
|
358
|
+
*
|
|
359
|
+
* @example
|
|
360
|
+
* new StyleBuilder().css('letter-spacing', '0.5px');
|
|
104
361
|
*/
|
|
105
362
|
css(property: string, value: string): StyleBuilder;
|
|
106
363
|
/**
|
|
107
|
-
*
|
|
364
|
+
* Materializa el string CSS final uniendo todas las declaraciones
|
|
365
|
+
* acumuladas con `"; "`. Es el formato exacto que espera el segundo
|
|
366
|
+
* argumento de `console.log("%c…", style)` — el resultado se puede
|
|
367
|
+
* pasar directo al logger o al DevTools.
|
|
368
|
+
*
|
|
369
|
+
* @returns {string} String CSS listo para `%c`-formatting.
|
|
370
|
+
*
|
|
371
|
+
* @example
|
|
372
|
+
* const css = new StyleBuilder().bg('#000').color('#0ff').build();
|
|
373
|
+
* console.log('%c DEBUG ', css);
|
|
108
374
|
*/
|
|
109
375
|
build(): string;
|
|
110
376
|
/**
|
|
111
|
-
*
|
|
377
|
+
* Vacía el buffer de estilos y reinicia el builder al estado inicial.
|
|
378
|
+
* Útil cuando se reutiliza la misma instancia en un bucle para
|
|
379
|
+
* generar variantes (p.ej. render de N badges con estilo derivado)
|
|
380
|
+
* sin pagar el costo de instanciar un builder nuevo en cada pasada.
|
|
381
|
+
*
|
|
382
|
+
* @returns {StyleBuilder} `this` ya vaciado, listo para reutilizar.
|
|
383
|
+
*
|
|
384
|
+
* @example
|
|
385
|
+
* const sb = new StyleBuilder();
|
|
386
|
+
* for (const lvl of ['info', 'warn', 'error']) {
|
|
387
|
+
* sb.clear().bg(COLORS[lvl]).color('#fff').build();
|
|
388
|
+
* }
|
|
112
389
|
*/
|
|
113
390
|
clear(): StyleBuilder;
|
|
114
391
|
/**
|
|
115
|
-
*
|
|
392
|
+
* Devuelve una copia independiente del builder con los mismos estilos
|
|
393
|
+
* acumulados. La clave para variar un estilo base sin mutar el
|
|
394
|
+
* original: el clone comparte las declaraciones hasta el momento del
|
|
395
|
+
* `clone()`, pero a partir de ahí cada uno acumula por su lado.
|
|
396
|
+
*
|
|
397
|
+
* @returns {StyleBuilder} Nuevo builder con el mismo buffer de estilos.
|
|
398
|
+
*
|
|
399
|
+
* @example
|
|
400
|
+
* const base = new StyleBuilder().padding('2px 6px').rounded('3px');
|
|
401
|
+
* const ok = base.clone().color('#00b894').build();
|
|
402
|
+
* const err = base.clone().color('#e84393').build();
|
|
116
403
|
*/
|
|
117
404
|
clone(): StyleBuilder;
|
|
118
405
|
/**
|
|
119
|
-
*
|
|
406
|
+
* Anexa las declaraciones de otro builder al final del buffer actual.
|
|
407
|
+
* Útil para componer un estilo a partir de capas (p.ej. base común +
|
|
408
|
+
* override por tema) sin perder la trazabilidad de quién aportó qué.
|
|
409
|
+
*
|
|
410
|
+
* No deduplica: si ambos builders setean `color`, el resultado tendrá
|
|
411
|
+
* dos declaraciones y el navegador se queda con la última.
|
|
412
|
+
*
|
|
413
|
+
* @param {StyleBuilder} other - Builder cuyas declaraciones se anexan.
|
|
414
|
+
* @returns {StyleBuilder} `this` con los estilos mergueados.
|
|
415
|
+
*
|
|
416
|
+
* @example
|
|
417
|
+
* const base = new StyleBuilder().padding('4px 8px');
|
|
418
|
+
* const theme = new StyleBuilder().bg('#222').color('#eee');
|
|
419
|
+
* base.merge(theme).build();
|
|
120
420
|
*/
|
|
121
421
|
merge(other: StyleBuilder): StyleBuilder;
|
|
122
422
|
}
|
|
123
423
|
/**
|
|
124
|
-
*
|
|
424
|
+
* Instancia global del styler expuesta vía `Proxy` para uso ad-hoc.
|
|
425
|
+
*
|
|
426
|
+
* Es la vía más cómoda de construir un estilo inline sin instanciar
|
|
427
|
+
* `new StyleBuilder()`: se llama directamente como `$.bg(...).color(...)`
|
|
428
|
+
* y se cierra con `.build()`. Internamente delega en un
|
|
429
|
+
* {@link StyleBuilder} envuelto por {@link createStyler}, así que
|
|
430
|
+
* soporta exactamente los mismos métodos.
|
|
431
|
+
*
|
|
432
|
+
* Como comparte estado entre llamadas, si se necesita un estilo aislado
|
|
433
|
+
* (p.ej. para evitar que un `clear()` afecte a otros usos), instanciar
|
|
434
|
+
* `new StyleBuilder()` directamente o usar {@link StyleBuilder.clone}.
|
|
435
|
+
*
|
|
436
|
+
* @example
|
|
437
|
+
* // Badge rápido sin instanciar la clase
|
|
438
|
+
* console.log('%c HLLO ', $.bg('#222').color('#0ff').bold().build());
|
|
439
|
+
*
|
|
440
|
+
* @example
|
|
441
|
+
* // Reutilizar para varios logs (mismo builder subyacente)
|
|
442
|
+
* $.bg('#1e1e1e').color('#eee').padding('4px 8px').rounded('4px');
|
|
443
|
+
* const badge = $.build();
|
|
125
444
|
*/
|
|
126
445
|
export declare const $: any;
|
|
127
446
|
/**
|
|
128
|
-
*
|
|
447
|
+
* Catálogo de factories de estilos pre-armados para los casos de uso más
|
|
448
|
+
* comunes en logging: un preset por severity (`success`/`error`/`warning`/
|
|
449
|
+
* `info`/`debug`), uno para texto secundario (`muted`), uno para tags
|
|
450
|
+
* neutros (`accent`) y uno decorativo (`neon`).
|
|
451
|
+
*
|
|
452
|
+
* Cada preset es una función zero-arg que devuelve un {@link StyleBuilder}
|
|
453
|
+
* nuevo, ya configurado y listo para `.build()` o para extender con más
|
|
454
|
+
* reglas antes del build. El patrón factory evita compartir estado entre
|
|
455
|
+
* llamadas: cada invocación es independiente.
|
|
456
|
+
*
|
|
457
|
+
* @example
|
|
458
|
+
* // Usar un preset tal cual
|
|
459
|
+
* console.log('%c OK ', StylePresets.success().build());
|
|
460
|
+
*
|
|
461
|
+
* @example
|
|
462
|
+
* // Extender un preset con reglas extra antes de materializar
|
|
463
|
+
* const css = StylePresets.info()
|
|
464
|
+
* .custom('text-shadow', '0 1px 0 rgba(0,0,0,0.3)')
|
|
465
|
+
* .build();
|
|
466
|
+
*
|
|
467
|
+
* @see {@link StyleBuilder} para la API completa de reglas encadenables.
|
|
129
468
|
*/
|
|
130
469
|
export declare const StylePresets: {
|
|
470
|
+
/**
|
|
471
|
+
* Preset para severity "success" (operación completada OK). Gradiente
|
|
472
|
+
* verde → verde oscuro, texto blanco, badge con padding/bold/radius
|
|
473
|
+
* estándar.
|
|
474
|
+
*
|
|
475
|
+
* @returns {StyleBuilder} Estilo verde de éxito.
|
|
476
|
+
*
|
|
477
|
+
* @example
|
|
478
|
+
* console.log('%c LOGIN OK ', StylePresets.success().build());
|
|
479
|
+
*/
|
|
131
480
|
success: () => StyleBuilder;
|
|
481
|
+
/**
|
|
482
|
+
* Preset para severity "error" (fallo que requiere atención). Gradiente
|
|
483
|
+
* rosa → rojo intenso, texto blanco, badge bold para destacar sobre
|
|
484
|
+
* el resto de la línea.
|
|
485
|
+
*
|
|
486
|
+
* @returns {StyleBuilder} Estilo rojo de error.
|
|
487
|
+
*
|
|
488
|
+
* @example
|
|
489
|
+
* console.log('%c DB DOWN ', StylePresets.error().build());
|
|
490
|
+
*/
|
|
132
491
|
error: () => StyleBuilder;
|
|
492
|
+
/**
|
|
493
|
+
* Preset para severity "warning" (situación recuperable pero a vigilar).
|
|
494
|
+
* Gradiente ámbar → naranja cálido, texto oscuro (`#2d3436`) para
|
|
495
|
+
* mantener contraste sobre fondo claro.
|
|
496
|
+
*
|
|
497
|
+
* @returns {StyleBuilder} Estilo ámbar de advertencia.
|
|
498
|
+
*
|
|
499
|
+
* @example
|
|
500
|
+
* console.log('%c RATE LIMIT ', StylePresets.warning().build());
|
|
501
|
+
*/
|
|
133
502
|
warning: () => StyleBuilder;
|
|
503
|
+
/**
|
|
504
|
+
* Preset para severity "info" (mensaje informativo, flujo normal).
|
|
505
|
+
* Gradiente azul claro → azul medio, texto blanco, badge estándar.
|
|
506
|
+
*
|
|
507
|
+
* @returns {StyleBuilder} Estilo azul informativo.
|
|
508
|
+
*
|
|
509
|
+
* @example
|
|
510
|
+
* console.log('%c USER LOGIN ', StylePresets.info().build());
|
|
511
|
+
*/
|
|
134
512
|
info: () => StyleBuilder;
|
|
513
|
+
/**
|
|
514
|
+
* Preset para severity "debug" (traza de diagnóstico, normalmente
|
|
515
|
+
* oculta en producción). Gradiente índigo → púrpura, distinto del
|
|
516
|
+
* azul de `info` para que se distinga visualmente.
|
|
517
|
+
*
|
|
518
|
+
* @returns {StyleBuilder} Estilo púrpura de debug.
|
|
519
|
+
*
|
|
520
|
+
* @example
|
|
521
|
+
* console.log('%c CACHE MISS ', StylePresets.debug().build());
|
|
522
|
+
*/
|
|
135
523
|
debug: () => StyleBuilder;
|
|
524
|
+
/**
|
|
525
|
+
* Preset para texto secundario (timestamps, metadatos, contexto
|
|
526
|
+
* auxiliar). Sin fondo, color gris y font monospace pequeño (`12px`):
|
|
527
|
+
* pensado para que el ojo lo lea como "de apoyo" y no compita con el
|
|
528
|
+
* severity principal.
|
|
529
|
+
*
|
|
530
|
+
* @returns {StyleBuilder} Estilo gris monoespaciado y reducido.
|
|
531
|
+
*
|
|
532
|
+
* @example
|
|
533
|
+
* console.log('%c 2026-01-01T12:00:00Z ', StylePresets.muted().build());
|
|
534
|
+
*/
|
|
136
535
|
muted: () => StyleBuilder;
|
|
536
|
+
/**
|
|
537
|
+
* Preset para tags neutros sobre fondo claro (categorías, IDs, labels
|
|
538
|
+
* que no son severity). Fondo gris muy claro, texto gris medio, borde
|
|
539
|
+
* sutil y padding más ajustado que los presets de severity para que
|
|
540
|
+
* conviva visualmente con ellos.
|
|
541
|
+
*
|
|
542
|
+
* @returns {StyleBuilder} Estilo "chip" neutro con borde.
|
|
543
|
+
*
|
|
544
|
+
* @example
|
|
545
|
+
* console.log('%c svc:auth ', StylePresets.accent().build());
|
|
546
|
+
*/
|
|
137
547
|
accent: () => StyleBuilder;
|
|
548
|
+
/**
|
|
549
|
+
* Preset decorativo neón (gradiente azul oscuro → rojo coral con halo
|
|
550
|
+
* cyan). Pensado para banners o highlights puntuales que quieren llamar
|
|
551
|
+
* la atención por estética, no por severity. El `box-shadow` con alfa
|
|
552
|
+
* baja genera el glow característico.
|
|
553
|
+
*
|
|
554
|
+
* @returns {StyleBuilder} Estilo neón con sombra glow.
|
|
555
|
+
*
|
|
556
|
+
* @example
|
|
557
|
+
* console.log('%c ★ BANNER ★ ', StylePresets.neon().build());
|
|
558
|
+
*/
|
|
138
559
|
neon: () => StyleBuilder;
|
|
139
560
|
};
|
|
140
561
|
//# sourceMappingURL=StyleBuilder.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyleBuilder.d.ts","sourceRoot":"","sources":["../../src/styling/StyleBuilder.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"StyleBuilder.d.ts","sourceRoot":"","sources":["../../src/styling/StyleBuilder.ts"],"names":[],"mappings":"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"}
|