@jjlmoya/utils-diy 1.10.0 → 1.11.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.
@@ -7,7 +7,7 @@
7
7
  overflow: hidden;
8
8
  }
9
9
 
10
- :global(.theme-dark) .vd-root {
10
+ .theme-dark .vd-root {
11
11
  border-color: #1e293b;
12
12
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
13
13
  }
@@ -204,7 +204,7 @@
204
204
  gap: 1.5rem;
205
205
  }
206
206
 
207
- :global(.theme-dark) .vd-body {
207
+ .theme-dark .vd-body {
208
208
  background: rgba(15, 23, 42, 0.5);
209
209
  }
210
210
 
@@ -222,7 +222,7 @@
222
222
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
223
223
  }
224
224
 
225
- :global(.theme-dark) .vd-card {
225
+ .theme-dark .vd-card {
226
226
  background: #1e293b;
227
227
  border-color: #334155;
228
228
  }
@@ -245,7 +245,7 @@
245
245
  border-radius: 0.75rem;
246
246
  }
247
247
 
248
- :global(.theme-dark) .vd-toggle-wrap {
248
+ .theme-dark .vd-toggle-wrap {
249
249
  background: rgba(15, 23, 42, 0.8);
250
250
  }
251
251
 
@@ -262,7 +262,7 @@
262
262
  pointer-events: none;
263
263
  }
264
264
 
265
- :global(.theme-dark) .vd-volt-bg {
265
+ .theme-dark .vd-volt-bg {
266
266
  background: #334155;
267
267
  }
268
268
 
@@ -285,11 +285,11 @@
285
285
  color: #1e293b;
286
286
  }
287
287
 
288
- :global(.theme-dark) .vd-volt-btn {
288
+ .theme-dark .vd-volt-btn {
289
289
  color: #94a3b8;
290
290
  }
291
291
 
292
- :global(.theme-dark) .vd-volt-btn.vd-active {
292
+ .theme-dark .vd-volt-btn.vd-active {
293
293
  color: #fff;
294
294
  }
295
295
 
@@ -330,7 +330,7 @@
330
330
  transition: all 0.15s ease;
331
331
  }
332
332
 
333
- :global(.theme-dark) .vd-material-box {
333
+ .theme-dark .vd-material-box {
334
334
  background: #0f172a;
335
335
  border-color: #334155;
336
336
  color: #94a3b8;
@@ -348,13 +348,13 @@
348
348
  color: #1e293b;
349
349
  }
350
350
 
351
- :global(.theme-dark) .vd-material-copper .vd-material-input:checked + .vd-material-box {
351
+ .theme-dark .vd-material-copper .vd-material-input:checked + .vd-material-box {
352
352
  background: rgba(180, 83, 9, 0.2);
353
353
  border-color: #d97706;
354
354
  color: #fbbf24;
355
355
  }
356
356
 
357
- :global(.theme-dark) .vd-material-alum .vd-material-input:checked + .vd-material-box {
357
+ .theme-dark .vd-material-alum .vd-material-input:checked + .vd-material-box {
358
358
  background: rgba(51, 65, 85, 0.8);
359
359
  border-color: #64748b;
360
360
  color: #fff;
@@ -392,7 +392,7 @@
392
392
  border-radius: 0.5rem;
393
393
  }
394
394
 
395
- :global(.theme-dark) .vd-mode-wrap {
395
+ .theme-dark .vd-mode-wrap {
396
396
  background: #0f172a;
397
397
  }
398
398
 
@@ -414,7 +414,7 @@
414
414
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
415
415
  }
416
416
 
417
- :global(.theme-dark) .vd-mode-btn.vd-active {
417
+ .theme-dark .vd-mode-btn.vd-active {
418
418
  background: #334155;
419
419
  color: #fff;
420
420
  }
@@ -443,12 +443,12 @@
443
443
  border-color: #6366f1;
444
444
  }
445
445
 
446
- :global(.theme-dark) .vd-load-input {
446
+ .theme-dark .vd-load-input {
447
447
  color: #fff;
448
448
  border-color: #334155;
449
449
  }
450
450
 
451
- :global(.theme-dark) .vd-load-input:focus {
451
+ .theme-dark .vd-load-input:focus {
452
452
  border-color: #6366f1;
453
453
  }
454
454
 
@@ -476,7 +476,7 @@
476
476
  color: #6366f1;
477
477
  }
478
478
 
479
- :global(.theme-dark) .vd-len-info {
479
+ .theme-dark .vd-len-info {
480
480
  color: #a5b4fc;
481
481
  }
482
482
 
@@ -504,7 +504,7 @@
504
504
  overflow: hidden;
505
505
  }
506
506
 
507
- :global(.theme-dark) .vd-slider-track {
507
+ .theme-dark .vd-slider-track {
508
508
  background: #334155;
509
509
  }
510
510
 
@@ -531,7 +531,7 @@
531
531
  justify-content: center;
532
532
  }
533
533
 
534
- :global(.theme-dark) .vd-slider-thumb {
534
+ .theme-dark .vd-slider-thumb {
535
535
  background: #1e293b;
536
536
  }
537
537
 
@@ -562,7 +562,7 @@
562
562
  border-radius: 0.375rem;
563
563
  }
564
564
 
565
- :global(.theme-dark) .vd-section-badge {
565
+ .theme-dark .vd-section-badge {
566
566
  background: #0f172a;
567
567
  color: #94a3b8;
568
568
  }
@@ -591,11 +591,11 @@
591
591
  background: linear-gradient(to left, #fff, transparent);
592
592
  }
593
593
 
594
- :global(.theme-dark) .vd-gauge-fade-l {
594
+ .theme-dark .vd-gauge-fade-l {
595
595
  background: linear-gradient(to right, #1e293b, transparent);
596
596
  }
597
597
 
598
- :global(.theme-dark) .vd-gauge-fade-r {
598
+ .theme-dark .vd-gauge-fade-r {
599
599
  background: linear-gradient(to left, #1e293b, transparent);
600
600
  }
601
601
 
@@ -646,7 +646,7 @@
646
646
  cursor: pointer;
647
647
  }
648
648
 
649
- :global(.theme-dark) .vd-gauge-box {
649
+ .theme-dark .vd-gauge-box {
650
650
  background: #0f172a;
651
651
  border-color: #334155;
652
652
  }
@@ -658,7 +658,7 @@
658
658
  transform: translateY(-8px);
659
659
  }
660
660
 
661
- :global(.theme-dark) .vd-gauge-input:checked + .vd-gauge-box {
661
+ .theme-dark .vd-gauge-input:checked + .vd-gauge-box {
662
662
  background: #1e293b;
663
663
  border-color: #6366f1;
664
664
  }
@@ -685,11 +685,11 @@
685
685
  color: #6366f1;
686
686
  }
687
687
 
688
- :global(.theme-dark) .vd-gauge-val {
688
+ .theme-dark .vd-gauge-val {
689
689
  color: #94a3b8;
690
690
  }
691
691
 
692
- :global(.theme-dark) .vd-gauge-input:checked + .vd-gauge-box .vd-gauge-val {
692
+ .theme-dark .vd-gauge-input:checked + .vd-gauge-box .vd-gauge-val {
693
693
  color: #a5b4fc;
694
694
  }
695
695