@jjlmoya/utils-developer 1.13.0 → 1.14.0

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 (25) hide show
  1. package/package.json +1 -1
  2. package/src/tool/aspectRatio/aspect-ratio-calculator.css +1 -1
  3. package/src/tool/calculadoraTiempoDatos/data-time-calculator-web-speed-impact.css +26 -26
  4. package/src/tool/colorConverter/color-converter-rgb-hex-hsl.css +9 -9
  5. package/src/tool/conversorExcelCsvHtml/excel-csv-html-table-converter.css +24 -24
  6. package/src/tool/cronGenerator/cron.css +5 -5
  7. package/src/tool/cssSpecificityCalculator/css-specificity-calculator.css +1 -1
  8. package/src/tool/cssToInlineConverter/css-to-inline-converter.css +1 -1
  9. package/src/tool/duplicateCssRemover/duplicate-css-remover.css +2 -2
  10. package/src/tool/generadorSecurityTxt/security-txt-generator-rfc-9116.css +9 -9
  11. package/src/tool/hashGenerator/hash-generator.css +10 -10
  12. package/src/tool/inspectorCertificadosSsl/ssl-tls-certificate-inspector.css +9 -9
  13. package/src/tool/jsonFormatter/json-formatter.css +33 -33
  14. package/src/tool/keycode/keycode.css +1 -1
  15. package/src/tool/llmCostCalculator/llm-cost-calculator.css +1 -1
  16. package/src/tool/mobileMockupGenerator/mobile-mockup-generator.css +68 -68
  17. package/src/tool/musicalTypography/musical-typography.css +8 -8
  18. package/src/tool/placeholderGenerator/placeholder-image-generator.css +2 -2
  19. package/src/tool/promptLibrary/prompt-library.css +30 -30
  20. package/src/tool/readabilityCalculator/visual-readability-calculator-wcag-apca.css +11 -11
  21. package/src/tool/svgSanitizer/svg-sanitizer.css +7 -7
  22. package/src/tool/svgToCss/svg-to-css-converter.css +2 -2
  23. package/src/tool/urlCleaner/url-tracking-cleaner.css +12 -12
  24. package/src/tool/urlEncoderDecoder/url-encoder-decoder.css +1 -1
  25. package/src/tool/utmGenerator/utm-generator.css +6 -6
@@ -9,7 +9,7 @@
9
9
  overflow: hidden;
10
10
  }
11
11
 
12
- :global(.theme-dark) .hg-card {
12
+ .theme-dark .hg-card {
13
13
  background: rgb(15, 23, 42);
14
14
  border-color: rgb(30, 41, 59);
15
15
  }
@@ -36,7 +36,7 @@
36
36
  color: rgb(15, 23, 42);
37
37
  }
38
38
 
39
- :global(.theme-dark) .hg-label {
39
+ .theme-dark .hg-label {
40
40
  color: rgb(226, 232, 240);
41
41
  }
42
42
 
@@ -66,7 +66,7 @@
66
66
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
67
67
  }
68
68
 
69
- :global(.theme-dark) .hg-textarea {
69
+ .theme-dark .hg-textarea {
70
70
  background: rgb(30, 41, 59);
71
71
  border-color: rgb(51, 65, 85);
72
72
  color: rgb(226, 232, 240);
@@ -107,7 +107,7 @@
107
107
  border-color: rgb(99, 102, 241);
108
108
  }
109
109
 
110
- :global(.theme-dark) .hg-option-input {
110
+ .theme-dark .hg-option-input {
111
111
  background: rgb(30, 41, 59);
112
112
  border-color: rgb(51, 65, 85);
113
113
  color: rgb(226, 232, 240);
@@ -118,7 +118,7 @@
118
118
  background: rgb(226, 232, 240);
119
119
  }
120
120
 
121
- :global(.theme-dark) .hg-divider {
121
+ .theme-dark .hg-divider {
122
122
  background: rgb(30, 41, 59);
123
123
  }
124
124
 
@@ -144,11 +144,11 @@
144
144
  background: rgb(248, 250, 252);
145
145
  }
146
146
 
147
- :global(.theme-dark) .hg-row {
147
+ .theme-dark .hg-row {
148
148
  border-bottom-color: rgb(30, 41, 59);
149
149
  }
150
150
 
151
- :global(.theme-dark) .hg-row:hover {
151
+ .theme-dark .hg-row:hover {
152
152
  background: rgb(30, 41, 59);
153
153
  }
154
154
 
@@ -172,7 +172,7 @@
172
172
  line-height: 1.4;
173
173
  }
174
174
 
175
- :global(.theme-dark) .hg-hash {
175
+ .theme-dark .hg-hash {
176
176
  color: rgb(148, 163, 184);
177
177
  }
178
178
 
@@ -201,12 +201,12 @@
201
201
  transform: scale(0.92);
202
202
  }
203
203
 
204
- :global(.theme-dark) .hg-copy-btn {
204
+ .theme-dark .hg-copy-btn {
205
205
  border-color: rgb(51, 65, 85);
206
206
  color: rgb(100, 116, 139);
207
207
  }
208
208
 
209
- :global(.theme-dark) .hg-copy-btn:hover {
209
+ .theme-dark .hg-copy-btn:hover {
210
210
  background: rgb(51, 65, 85);
211
211
  color: rgb(99, 102, 241);
212
212
  }
@@ -22,7 +22,7 @@
22
22
  overflow: hidden;
23
23
  }
24
24
 
25
- :global(.theme-dark) .ics-drop-zone {
25
+ .theme-dark .ics-drop-zone {
26
26
  background: rgba(255, 255, 255, 0.03);
27
27
  }
28
28
 
@@ -68,7 +68,7 @@
68
68
  margin: 0;
69
69
  }
70
70
 
71
- :global(.theme-dark) .ics-drop-zone-title {
71
+ .theme-dark .ics-drop-zone-title {
72
72
  color: rgb(226, 232, 240);
73
73
  }
74
74
 
@@ -77,7 +77,7 @@
77
77
  margin: 0;
78
78
  }
79
79
 
80
- :global(.theme-dark) .ics-drop-zone-text {
80
+ .theme-dark .ics-drop-zone-text {
81
81
  color: rgb(148, 163, 184);
82
82
  }
83
83
 
@@ -86,7 +86,7 @@
86
86
  margin: 0;
87
87
  }
88
88
 
89
- :global(.theme-dark) .ics-drop-zone-subtext {
89
+ .theme-dark .ics-drop-zone-subtext {
90
90
  color: rgb(100, 116, 139);
91
91
  }
92
92
 
@@ -124,7 +124,7 @@
124
124
  transition: transform 0.3s ease, background 0.3s ease;
125
125
  }
126
126
 
127
- :global(.theme-dark) .ics-card {
127
+ .theme-dark .ics-card {
128
128
  background: rgba(255, 255, 255, 0.03);
129
129
  border: 1px solid rgba(255, 255, 255, 0.08);
130
130
  }
@@ -159,7 +159,7 @@
159
159
  opacity: 0.8;
160
160
  }
161
161
 
162
- :global(.theme-dark) .ics-card-header h4 {
162
+ .theme-dark .ics-card-header h4 {
163
163
  color: rgb(226, 232, 240);
164
164
  }
165
165
 
@@ -182,7 +182,7 @@
182
182
  letter-spacing: 0.025em;
183
183
  }
184
184
 
185
- :global(.theme-dark) .ics-data-label {
185
+ .theme-dark .ics-data-label {
186
186
  color: rgb(148, 163, 184);
187
187
  }
188
188
 
@@ -193,7 +193,7 @@
193
193
  word-break: break-all;
194
194
  }
195
195
 
196
- :global(.theme-dark) .ics-data-value {
196
+ .theme-dark .ics-data-value {
197
197
  color: rgb(226, 232, 240);
198
198
  }
199
199
 
@@ -232,7 +232,7 @@
232
232
  border: 1px solid rgba(0, 0, 0, 0.05);
233
233
  }
234
234
 
235
- :global(.theme-dark) .ics-fingerprint {
235
+ .theme-dark .ics-fingerprint {
236
236
  background: rgba(0, 0, 0, 0.2);
237
237
  color: rgb(212, 212, 212);
238
238
  border: 1px solid rgba(255, 255, 255, 0.03);
@@ -201,144 +201,144 @@
201
201
  z-index: 50;
202
202
  }
203
203
 
204
- :global(.theme-dark) .jf-toolbar {
204
+ .theme-dark .jf-toolbar {
205
205
  background: rgba(15, 23, 42, 0.5);
206
206
  border-color: rgba(255, 255, 255, 0.08);
207
207
  }
208
208
 
209
- :global(.theme-dark) .jf-status-pill {
209
+ .theme-dark .jf-status-pill {
210
210
  background: #1e293b;
211
211
  }
212
212
 
213
- :global(.theme-dark) .jf-btn-muted {
213
+ .theme-dark .jf-btn-muted {
214
214
  color: #cbd5e1;
215
215
  }
216
216
 
217
- :global(.theme-dark) .jf-btn-muted:hover {
217
+ .theme-dark .jf-btn-muted:hover {
218
218
  background: #1e293b;
219
219
  }
220
220
 
221
- :global(.theme-dark) .jf-btn-amber {
221
+ .theme-dark .jf-btn-amber {
222
222
  color: #fbbf24;
223
223
  }
224
224
 
225
- :global(.theme-dark) .jf-btn-amber:hover {
225
+ .theme-dark .jf-btn-amber:hover {
226
226
  background: rgba(251, 191, 36, 0.1);
227
227
  }
228
228
 
229
- :global(.theme-dark) .jf-divider {
229
+ .theme-dark .jf-divider {
230
230
  background: #334155;
231
231
  }
232
232
 
233
- :global(.theme-dark) .jf-panel {
233
+ .theme-dark .jf-panel {
234
234
  background: #0f172a;
235
235
  border-color: #1e293b;
236
236
  }
237
237
 
238
- :global(.theme-dark) .jf-panel-header {
238
+ .theme-dark .jf-panel-header {
239
239
  background: rgba(30, 41, 59, 0.5);
240
240
  border-color: #1e293b;
241
241
  }
242
242
 
243
- :global(.theme-dark) .jf-textarea {
243
+ .theme-dark .jf-textarea {
244
244
  color: #cbd5e1;
245
245
  }
246
246
 
247
- :global(.theme-dark) .jf-textarea::placeholder {
247
+ .theme-dark .jf-textarea::placeholder {
248
248
  color: #334155;
249
249
  }
250
250
 
251
- :global(.theme-dark) .jf-output {
251
+ .theme-dark .jf-output {
252
252
  background: #0d1117;
253
253
  color: #cbd5e1;
254
254
  }
255
255
 
256
- :global(.theme-dark) .jf-toast {
256
+ .theme-dark .jf-toast {
257
257
  background: #f8fafc;
258
258
  color: #0f172a;
259
259
  }
260
260
 
261
- :global(.jf-badge-empty) {
261
+ .jf-badge-empty {
262
262
  background: #94a3b8;
263
263
  }
264
264
 
265
- :global(.jf-badge-valid) {
265
+ .jf-badge-valid {
266
266
  background: #10b981;
267
267
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.5);
268
268
  }
269
269
 
270
- :global(.jf-badge-invalid) {
270
+ .jf-badge-invalid {
271
271
  background: #ef4444;
272
272
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
273
273
  }
274
274
 
275
- :global(.jf-text-empty) {
275
+ .jf-text-empty {
276
276
  color: #64748b;
277
277
  }
278
278
 
279
- :global(.jf-text-valid) {
279
+ .jf-text-valid {
280
280
  color: #10b981;
281
281
  font-weight: 600;
282
282
  }
283
283
 
284
- :global(.theme-dark) :global(.jf-text-valid) {
284
+ .theme-dark .jf-text-valid {
285
285
  color: #34d399;
286
286
  }
287
287
 
288
- :global(.jf-text-invalid) {
288
+ .jf-text-invalid {
289
289
  color: #ef4444;
290
290
  font-weight: 600;
291
291
  }
292
292
 
293
- :global(.theme-dark) :global(.jf-text-invalid) {
293
+ .theme-dark .jf-text-invalid {
294
294
  color: #f87171;
295
295
  }
296
296
 
297
- :global(.jf-toast-visible) {
297
+ .jf-toast-visible {
298
298
  transform: translateY(0);
299
299
  opacity: 1;
300
300
  }
301
301
 
302
- :global(.jf-token-key) {
302
+ .jf-token-key {
303
303
  color: #7c3aed;
304
304
  }
305
305
 
306
- :global(.theme-dark) :global(.jf-token-key) {
306
+ .theme-dark .jf-token-key {
307
307
  color: #a78bfa;
308
308
  }
309
309
 
310
- :global(.jf-token-string) {
310
+ .jf-token-string {
311
311
  color: #16a34a;
312
312
  }
313
313
 
314
- :global(.theme-dark) :global(.jf-token-string) {
314
+ .theme-dark .jf-token-string {
315
315
  color: #4ade80;
316
316
  }
317
317
 
318
- :global(.jf-token-number) {
318
+ .jf-token-number {
319
319
  color: #c2410c;
320
320
  }
321
321
 
322
- :global(.theme-dark) :global(.jf-token-number) {
322
+ .theme-dark .jf-token-number {
323
323
  color: #fb923c;
324
324
  }
325
325
 
326
- :global(.jf-token-boolean) {
326
+ .jf-token-boolean {
327
327
  color: #1d4ed8;
328
328
  }
329
329
 
330
- :global(.theme-dark) :global(.jf-token-boolean) {
330
+ .theme-dark .jf-token-boolean {
331
331
  color: #60a5fa;
332
332
  }
333
333
 
334
- :global(.jf-token-null) {
334
+ .jf-token-null {
335
335
  color: #dc2626;
336
336
  }
337
337
 
338
- :global(.theme-dark) :global(.jf-token-null) {
338
+ .theme-dark .jf-token-null {
339
339
  color: #f87171;
340
340
  }
341
341
 
342
- :global(.jf-token-error) {
342
+ .jf-token-error {
343
343
  color: #ef4444;
344
344
  }
@@ -14,7 +14,7 @@
14
14
  color: var(--kc-text);
15
15
  }
16
16
 
17
- :global(.theme-dark) .kc-root {
17
+ .theme-dark .kc-root {
18
18
  --kc-card-bg: #1e293b;
19
19
  --kc-bg: #0f172a;
20
20
  --kc-text: #f1f5f9;
@@ -13,7 +13,7 @@
13
13
  --llm-total-to: #9333ea;
14
14
  }
15
15
 
16
- :global(.theme-dark) .llm-root {
16
+ .theme-dark .llm-root {
17
17
  --llm-card-bg: rgba(15, 23, 42, 0.9);
18
18
  --llm-card-border: rgba(255, 255, 255, 0.1);
19
19
  --llm-text: #f1f5f9;