vtex-css-sanitizer-cli 1.0.5 → 1.0.7
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/.github/workflows/release.yml +4 -0
- package/PUBLISHING.md +68 -0
- package/README.md +19 -6
- package/gui/out/renderer/assets/{index-B4Zg_1V2.js → index-CdnHXLFU.js} +258 -75
- package/gui/out/renderer/assets/{index-BUoLJXor.css → index-CkektP3p.css} +258 -74
- package/gui/out/renderer/index.html +2 -2
- package/gui/package.json +4 -3
- package/gui/yarn.lock +5 -0
- package/package.json +1 -1
- package/docs/assets/cli-mockup.png +0 -0
- package/docs/assets/gui-mockup.png +0 -0
- package/docs/favicon.svg +0 -5
- package/docs/index.html +0 -336
- package/docs/script.js +0 -64
- package/docs/styles.css +0 -745
|
@@ -16,7 +16,6 @@
|
|
|
16
16
|
--tw-leading: initial;
|
|
17
17
|
--tw-font-weight: initial;
|
|
18
18
|
--tw-tracking: initial;
|
|
19
|
-
--tw-duration: initial;
|
|
20
19
|
--tw-shadow: 0 0 #0000;
|
|
21
20
|
--tw-shadow-color: initial;
|
|
22
21
|
--tw-shadow-alpha: 100%;
|
|
@@ -31,6 +30,7 @@
|
|
|
31
30
|
--tw-ring-offset-width: 0px;
|
|
32
31
|
--tw-ring-offset-color: #fff;
|
|
33
32
|
--tw-ring-offset-shadow: 0 0 #0000;
|
|
33
|
+
--tw-duration: initial;
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
}
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
--color-white: #fff;
|
|
43
43
|
--spacing: .25rem;
|
|
44
44
|
--container-md: 28rem;
|
|
45
|
-
--container-
|
|
45
|
+
--container-xl: 36rem;
|
|
46
46
|
--text-xs: .75rem;
|
|
47
47
|
--text-xs--line-height: calc(1 / .75);
|
|
48
48
|
--text-sm: .875rem;
|
|
@@ -59,11 +59,17 @@
|
|
|
59
59
|
--text-3xl--line-height: calc(2.25 / 1.875);
|
|
60
60
|
--text-5xl: 3rem;
|
|
61
61
|
--text-5xl--line-height: 1;
|
|
62
|
+
--text-6xl: 3.75rem;
|
|
63
|
+
--text-6xl--line-height: 1;
|
|
62
64
|
--font-weight-medium: 500;
|
|
63
65
|
--font-weight-semibold: 600;
|
|
64
66
|
--font-weight-bold: 700;
|
|
67
|
+
--tracking-tight: -.025em;
|
|
68
|
+
--tracking-wide: .025em;
|
|
65
69
|
--tracking-wider: .05em;
|
|
70
|
+
--tracking-widest: .1em;
|
|
66
71
|
--leading-relaxed: 1.625;
|
|
72
|
+
--radius-md: .375rem;
|
|
67
73
|
--radius-lg: .5rem;
|
|
68
74
|
--radius-xl: .75rem;
|
|
69
75
|
--radius-2xl: 1rem;
|
|
@@ -72,22 +78,23 @@
|
|
|
72
78
|
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
73
79
|
--default-font-family: var(--font-sans);
|
|
74
80
|
--default-mono-font-family: var(--font-mono);
|
|
75
|
-
--color-bg-primary: #
|
|
76
|
-
--color-bg-secondary: #
|
|
77
|
-
--color-bg-card: #
|
|
78
|
-
--color-bg-card-hover: #
|
|
79
|
-
--color-bg-input: #
|
|
80
|
-
--color-accent-pink: #
|
|
81
|
-
--color-accent-
|
|
82
|
-
--color-accent-blue: #
|
|
83
|
-
--color-accent-
|
|
81
|
+
--color-bg-primary: #0a0a0f;
|
|
82
|
+
--color-bg-secondary: #12121a;
|
|
83
|
+
--color-bg-card: #16161f;
|
|
84
|
+
--color-bg-card-hover: #1c1c28;
|
|
85
|
+
--color-bg-input: #0e0e16;
|
|
86
|
+
--color-accent-pink: #14b8a6;
|
|
87
|
+
--color-accent-blue: #14b8a6;
|
|
88
|
+
--color-accent-blue-btn: #0d9488;
|
|
89
|
+
--color-accent-blue-btn-hover: #0f766e;
|
|
90
|
+
--color-accent-green: #4ade80;
|
|
84
91
|
--color-accent-yellow: #ffd073;
|
|
85
92
|
--color-accent-red: #e94560;
|
|
86
|
-
--color-text-primary: #
|
|
87
|
-
--color-text-secondary: #
|
|
88
|
-
--color-text-muted: #
|
|
89
|
-
--color-border: #
|
|
90
|
-
--color-border-active: #
|
|
93
|
+
--color-text-primary: #e8e8ed;
|
|
94
|
+
--color-text-secondary: #8b8b9e;
|
|
95
|
+
--color-text-muted: #5c5c72;
|
|
96
|
+
--color-border: #23232f;
|
|
97
|
+
--color-border-active: #14b8a6;
|
|
91
98
|
}
|
|
92
99
|
}
|
|
93
100
|
|
|
@@ -393,6 +400,10 @@
|
|
|
393
400
|
margin-bottom: calc(var(--spacing) * 8);
|
|
394
401
|
}
|
|
395
402
|
|
|
403
|
+
.mb-10 {
|
|
404
|
+
margin-bottom: calc(var(--spacing) * 10);
|
|
405
|
+
}
|
|
406
|
+
|
|
396
407
|
.ml-auto {
|
|
397
408
|
margin-left: auto;
|
|
398
409
|
}
|
|
@@ -405,6 +416,10 @@
|
|
|
405
416
|
display: flex;
|
|
406
417
|
}
|
|
407
418
|
|
|
419
|
+
.inline-block {
|
|
420
|
+
display: inline-block;
|
|
421
|
+
}
|
|
422
|
+
|
|
408
423
|
.h-3 {
|
|
409
424
|
height: calc(var(--spacing) * 3);
|
|
410
425
|
}
|
|
@@ -417,20 +432,24 @@
|
|
|
417
432
|
height: calc(var(--spacing) * 5);
|
|
418
433
|
}
|
|
419
434
|
|
|
420
|
-
.h-
|
|
421
|
-
height: calc(var(--spacing) *
|
|
435
|
+
.h-7 {
|
|
436
|
+
height: calc(var(--spacing) * 7);
|
|
422
437
|
}
|
|
423
438
|
|
|
424
439
|
.h-8 {
|
|
425
440
|
height: calc(var(--spacing) * 8);
|
|
426
441
|
}
|
|
427
442
|
|
|
428
|
-
.h-
|
|
429
|
-
height: calc(var(--spacing) *
|
|
443
|
+
.h-9 {
|
|
444
|
+
height: calc(var(--spacing) * 9);
|
|
445
|
+
}
|
|
446
|
+
|
|
447
|
+
.h-14 {
|
|
448
|
+
height: calc(var(--spacing) * 14);
|
|
430
449
|
}
|
|
431
450
|
|
|
432
|
-
.h-
|
|
433
|
-
height: calc(var(--spacing) *
|
|
451
|
+
.h-24 {
|
|
452
|
+
height: calc(var(--spacing) * 24);
|
|
434
453
|
}
|
|
435
454
|
|
|
436
455
|
.h-full {
|
|
@@ -449,20 +468,24 @@
|
|
|
449
468
|
width: calc(var(--spacing) * 5);
|
|
450
469
|
}
|
|
451
470
|
|
|
452
|
-
.w-
|
|
453
|
-
width: calc(var(--spacing) *
|
|
471
|
+
.w-7 {
|
|
472
|
+
width: calc(var(--spacing) * 7);
|
|
454
473
|
}
|
|
455
474
|
|
|
456
475
|
.w-8 {
|
|
457
476
|
width: calc(var(--spacing) * 8);
|
|
458
477
|
}
|
|
459
478
|
|
|
460
|
-
.w-
|
|
461
|
-
width: calc(var(--spacing) *
|
|
479
|
+
.w-9 {
|
|
480
|
+
width: calc(var(--spacing) * 9);
|
|
462
481
|
}
|
|
463
482
|
|
|
464
|
-
.w-
|
|
465
|
-
width: calc(var(--spacing) *
|
|
483
|
+
.w-14 {
|
|
484
|
+
width: calc(var(--spacing) * 14);
|
|
485
|
+
}
|
|
486
|
+
|
|
487
|
+
.w-24 {
|
|
488
|
+
width: calc(var(--spacing) * 24);
|
|
466
489
|
}
|
|
467
490
|
|
|
468
491
|
.w-full {
|
|
@@ -477,14 +500,14 @@
|
|
|
477
500
|
max-width: 100%;
|
|
478
501
|
}
|
|
479
502
|
|
|
480
|
-
.max-w-lg {
|
|
481
|
-
max-width: var(--container-lg);
|
|
482
|
-
}
|
|
483
|
-
|
|
484
503
|
.max-w-md {
|
|
485
504
|
max-width: var(--container-md);
|
|
486
505
|
}
|
|
487
506
|
|
|
507
|
+
.max-w-xl {
|
|
508
|
+
max-width: var(--container-xl);
|
|
509
|
+
}
|
|
510
|
+
|
|
488
511
|
.min-w-0 {
|
|
489
512
|
min-width: calc(var(--spacing) * 0);
|
|
490
513
|
}
|
|
@@ -537,8 +560,12 @@
|
|
|
537
560
|
gap: calc(var(--spacing) * 4);
|
|
538
561
|
}
|
|
539
562
|
|
|
540
|
-
.gap-
|
|
541
|
-
gap: calc(var(--spacing) *
|
|
563
|
+
.gap-5 {
|
|
564
|
+
gap: calc(var(--spacing) * 5);
|
|
565
|
+
}
|
|
566
|
+
|
|
567
|
+
.gap-8 {
|
|
568
|
+
gap: calc(var(--spacing) * 8);
|
|
542
569
|
}
|
|
543
570
|
|
|
544
571
|
:where(.space-y-1 > :not(:last-child)) {
|
|
@@ -547,12 +574,6 @@
|
|
|
547
574
|
margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
|
|
548
575
|
}
|
|
549
576
|
|
|
550
|
-
:where(.space-y-2 > :not(:last-child)) {
|
|
551
|
-
--tw-space-y-reverse: 0;
|
|
552
|
-
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
|
|
553
|
-
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
|
|
554
|
-
}
|
|
555
|
-
|
|
556
577
|
:where(.space-y-3 > :not(:last-child)) {
|
|
557
578
|
--tw-space-y-reverse: 0;
|
|
558
579
|
margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
|
|
@@ -571,6 +592,18 @@
|
|
|
571
592
|
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
|
|
572
593
|
}
|
|
573
594
|
|
|
595
|
+
:where(.space-y-8 > :not(:last-child)) {
|
|
596
|
+
--tw-space-y-reverse: 0;
|
|
597
|
+
margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
|
|
598
|
+
margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
|
|
599
|
+
}
|
|
600
|
+
|
|
601
|
+
:where(.space-y-10 > :not(:last-child)) {
|
|
602
|
+
--tw-space-y-reverse: 0;
|
|
603
|
+
margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
|
|
604
|
+
margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
|
|
605
|
+
}
|
|
606
|
+
|
|
574
607
|
.truncate {
|
|
575
608
|
text-overflow: ellipsis;
|
|
576
609
|
white-space: nowrap;
|
|
@@ -585,6 +618,10 @@
|
|
|
585
618
|
overflow-y: auto;
|
|
586
619
|
}
|
|
587
620
|
|
|
621
|
+
.rounded {
|
|
622
|
+
border-radius: .25rem;
|
|
623
|
+
}
|
|
624
|
+
|
|
588
625
|
.rounded-2xl {
|
|
589
626
|
border-radius: var(--radius-2xl);
|
|
590
627
|
}
|
|
@@ -597,6 +634,10 @@
|
|
|
597
634
|
border-radius: var(--radius-lg);
|
|
598
635
|
}
|
|
599
636
|
|
|
637
|
+
.rounded-md {
|
|
638
|
+
border-radius: var(--radius-md);
|
|
639
|
+
}
|
|
640
|
+
|
|
600
641
|
.rounded-xl {
|
|
601
642
|
border-radius: var(--radius-xl);
|
|
602
643
|
}
|
|
@@ -630,10 +671,6 @@
|
|
|
630
671
|
border-color: var(--color-accent-blue);
|
|
631
672
|
}
|
|
632
673
|
|
|
633
|
-
.border-accent-pink {
|
|
634
|
-
border-color: var(--color-accent-pink);
|
|
635
|
-
}
|
|
636
|
-
|
|
637
674
|
.border-accent-red\/30 {
|
|
638
675
|
border-color: #e945604d;
|
|
639
676
|
}
|
|
@@ -648,6 +685,16 @@
|
|
|
648
685
|
border-color: var(--color-border);
|
|
649
686
|
}
|
|
650
687
|
|
|
688
|
+
.border-border\/50 {
|
|
689
|
+
border-color: #23232f80;
|
|
690
|
+
}
|
|
691
|
+
|
|
692
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
693
|
+
.border-border\/50 {
|
|
694
|
+
border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
|
|
695
|
+
}
|
|
696
|
+
}
|
|
697
|
+
|
|
651
698
|
.border-t-transparent {
|
|
652
699
|
border-top-color: #0000;
|
|
653
700
|
}
|
|
@@ -680,6 +727,16 @@
|
|
|
680
727
|
background-color: var(--color-accent-yellow);
|
|
681
728
|
}
|
|
682
729
|
|
|
730
|
+
.bg-accent-yellow\/10 {
|
|
731
|
+
background-color: #ffd0731a;
|
|
732
|
+
}
|
|
733
|
+
|
|
734
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
735
|
+
.bg-accent-yellow\/10 {
|
|
736
|
+
background-color: color-mix(in oklab, var(--color-accent-yellow) 10%, transparent);
|
|
737
|
+
}
|
|
738
|
+
}
|
|
739
|
+
|
|
683
740
|
.bg-bg-card {
|
|
684
741
|
background-color: var(--color-bg-card);
|
|
685
742
|
}
|
|
@@ -706,6 +763,11 @@
|
|
|
706
763
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
707
764
|
}
|
|
708
765
|
|
|
766
|
+
.from-accent-blue-btn {
|
|
767
|
+
--tw-gradient-from: var(--color-accent-blue-btn);
|
|
768
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
769
|
+
}
|
|
770
|
+
|
|
709
771
|
.from-accent-pink {
|
|
710
772
|
--tw-gradient-from: var(--color-accent-pink);
|
|
711
773
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
@@ -722,13 +784,13 @@
|
|
|
722
784
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
723
785
|
}
|
|
724
786
|
|
|
725
|
-
.to-accent-
|
|
726
|
-
--tw-gradient-to: var(--color-accent-
|
|
787
|
+
.to-accent-blue-btn-hover {
|
|
788
|
+
--tw-gradient-to: var(--color-accent-blue-btn-hover);
|
|
727
789
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
728
790
|
}
|
|
729
791
|
|
|
730
|
-
.to-accent-
|
|
731
|
-
--tw-gradient-to: var(--color-accent-
|
|
792
|
+
.to-accent-green {
|
|
793
|
+
--tw-gradient-to: var(--color-accent-green);
|
|
732
794
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
733
795
|
}
|
|
734
796
|
|
|
@@ -736,6 +798,10 @@
|
|
|
736
798
|
padding: calc(var(--spacing) * 4);
|
|
737
799
|
}
|
|
738
800
|
|
|
801
|
+
.p-5 {
|
|
802
|
+
padding: calc(var(--spacing) * 5);
|
|
803
|
+
}
|
|
804
|
+
|
|
739
805
|
.p-6 {
|
|
740
806
|
padding: calc(var(--spacing) * 6);
|
|
741
807
|
}
|
|
@@ -744,6 +810,18 @@
|
|
|
744
810
|
padding: calc(var(--spacing) * 8);
|
|
745
811
|
}
|
|
746
812
|
|
|
813
|
+
.p-12 {
|
|
814
|
+
padding: calc(var(--spacing) * 12);
|
|
815
|
+
}
|
|
816
|
+
|
|
817
|
+
.px-2 {
|
|
818
|
+
padding-inline: calc(var(--spacing) * 2);
|
|
819
|
+
}
|
|
820
|
+
|
|
821
|
+
.px-2\.5 {
|
|
822
|
+
padding-inline: calc(var(--spacing) * 2.5);
|
|
823
|
+
}
|
|
824
|
+
|
|
747
825
|
.px-3 {
|
|
748
826
|
padding-inline: calc(var(--spacing) * 3);
|
|
749
827
|
}
|
|
@@ -752,10 +830,26 @@
|
|
|
752
830
|
padding-inline: calc(var(--spacing) * 4);
|
|
753
831
|
}
|
|
754
832
|
|
|
833
|
+
.px-5 {
|
|
834
|
+
padding-inline: calc(var(--spacing) * 5);
|
|
835
|
+
}
|
|
836
|
+
|
|
755
837
|
.px-6 {
|
|
756
838
|
padding-inline: calc(var(--spacing) * 6);
|
|
757
839
|
}
|
|
758
840
|
|
|
841
|
+
.px-8 {
|
|
842
|
+
padding-inline: calc(var(--spacing) * 8);
|
|
843
|
+
}
|
|
844
|
+
|
|
845
|
+
.py-0\.5 {
|
|
846
|
+
padding-block: calc(var(--spacing) * .5);
|
|
847
|
+
}
|
|
848
|
+
|
|
849
|
+
.py-1 {
|
|
850
|
+
padding-block: calc(var(--spacing) * 1);
|
|
851
|
+
}
|
|
852
|
+
|
|
759
853
|
.py-1\.5 {
|
|
760
854
|
padding-block: calc(var(--spacing) * 1.5);
|
|
761
855
|
}
|
|
@@ -772,14 +866,30 @@
|
|
|
772
866
|
padding-block: calc(var(--spacing) * 3);
|
|
773
867
|
}
|
|
774
868
|
|
|
869
|
+
.py-3\.5 {
|
|
870
|
+
padding-block: calc(var(--spacing) * 3.5);
|
|
871
|
+
}
|
|
872
|
+
|
|
775
873
|
.py-4 {
|
|
776
874
|
padding-block: calc(var(--spacing) * 4);
|
|
777
875
|
}
|
|
778
876
|
|
|
877
|
+
.py-5 {
|
|
878
|
+
padding-block: calc(var(--spacing) * 5);
|
|
879
|
+
}
|
|
880
|
+
|
|
881
|
+
.py-6 {
|
|
882
|
+
padding-block: calc(var(--spacing) * 6);
|
|
883
|
+
}
|
|
884
|
+
|
|
779
885
|
.py-16 {
|
|
780
886
|
padding-block: calc(var(--spacing) * 16);
|
|
781
887
|
}
|
|
782
888
|
|
|
889
|
+
.py-24 {
|
|
890
|
+
padding-block: calc(var(--spacing) * 24);
|
|
891
|
+
}
|
|
892
|
+
|
|
783
893
|
.text-center {
|
|
784
894
|
text-align: center;
|
|
785
895
|
}
|
|
@@ -803,6 +913,11 @@
|
|
|
803
913
|
line-height: var(--tw-leading, var(--text-5xl--line-height));
|
|
804
914
|
}
|
|
805
915
|
|
|
916
|
+
.text-6xl {
|
|
917
|
+
font-size: var(--text-6xl);
|
|
918
|
+
line-height: var(--tw-leading, var(--text-6xl--line-height));
|
|
919
|
+
}
|
|
920
|
+
|
|
806
921
|
.text-base {
|
|
807
922
|
font-size: var(--text-base);
|
|
808
923
|
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
@@ -832,6 +947,10 @@
|
|
|
832
947
|
font-size: 10px;
|
|
833
948
|
}
|
|
834
949
|
|
|
950
|
+
.text-\[11px\] {
|
|
951
|
+
font-size: 11px;
|
|
952
|
+
}
|
|
953
|
+
|
|
835
954
|
.leading-relaxed {
|
|
836
955
|
--tw-leading: var(--leading-relaxed);
|
|
837
956
|
line-height: var(--leading-relaxed);
|
|
@@ -852,11 +971,26 @@
|
|
|
852
971
|
font-weight: var(--font-weight-semibold);
|
|
853
972
|
}
|
|
854
973
|
|
|
974
|
+
.tracking-tight {
|
|
975
|
+
--tw-tracking: var(--tracking-tight);
|
|
976
|
+
letter-spacing: var(--tracking-tight);
|
|
977
|
+
}
|
|
978
|
+
|
|
979
|
+
.tracking-wide {
|
|
980
|
+
--tw-tracking: var(--tracking-wide);
|
|
981
|
+
letter-spacing: var(--tracking-wide);
|
|
982
|
+
}
|
|
983
|
+
|
|
855
984
|
.tracking-wider {
|
|
856
985
|
--tw-tracking: var(--tracking-wider);
|
|
857
986
|
letter-spacing: var(--tracking-wider);
|
|
858
987
|
}
|
|
859
988
|
|
|
989
|
+
.tracking-widest {
|
|
990
|
+
--tw-tracking: var(--tracking-widest);
|
|
991
|
+
letter-spacing: var(--tracking-widest);
|
|
992
|
+
}
|
|
993
|
+
|
|
860
994
|
.text-accent-blue {
|
|
861
995
|
color: var(--color-accent-blue);
|
|
862
996
|
}
|
|
@@ -865,10 +999,6 @@
|
|
|
865
999
|
color: var(--color-accent-green);
|
|
866
1000
|
}
|
|
867
1001
|
|
|
868
|
-
.text-accent-pink {
|
|
869
|
-
color: var(--color-accent-pink);
|
|
870
|
-
}
|
|
871
|
-
|
|
872
1002
|
.text-accent-red {
|
|
873
1003
|
color: var(--color-accent-red);
|
|
874
1004
|
}
|
|
@@ -882,7 +1012,7 @@
|
|
|
882
1012
|
}
|
|
883
1013
|
|
|
884
1014
|
.text-text-muted\/60 {
|
|
885
|
-
color: #
|
|
1015
|
+
color: #5c5c7299;
|
|
886
1016
|
}
|
|
887
1017
|
|
|
888
1018
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -891,6 +1021,16 @@
|
|
|
891
1021
|
}
|
|
892
1022
|
}
|
|
893
1023
|
|
|
1024
|
+
.text-text-muted\/80 {
|
|
1025
|
+
color: #5c5c72cc;
|
|
1026
|
+
}
|
|
1027
|
+
|
|
1028
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1029
|
+
.text-text-muted\/80 {
|
|
1030
|
+
color: color-mix(in oklab, var(--color-text-muted) 80%, transparent);
|
|
1031
|
+
}
|
|
1032
|
+
}
|
|
1033
|
+
|
|
894
1034
|
.text-text-primary {
|
|
895
1035
|
color: var(--color-text-primary);
|
|
896
1036
|
}
|
|
@@ -907,6 +1047,41 @@
|
|
|
907
1047
|
text-transform: uppercase;
|
|
908
1048
|
}
|
|
909
1049
|
|
|
1050
|
+
.shadow-\[0_0_10px_rgba\(233\,69\,96\,0\.4\)\] {
|
|
1051
|
+
--tw-shadow: 0 0 10px var(--tw-shadow-color, #e9456066);
|
|
1052
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1053
|
+
}
|
|
1054
|
+
|
|
1055
|
+
.shadow-\[0_0_10px_rgba\(255\,208\,115\,0\.4\)\] {
|
|
1056
|
+
--tw-shadow: 0 0 10px var(--tw-shadow-color, #ffd07366);
|
|
1057
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1058
|
+
}
|
|
1059
|
+
|
|
1060
|
+
.shadow-lg {
|
|
1061
|
+
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
|
|
1062
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1063
|
+
}
|
|
1064
|
+
|
|
1065
|
+
.shadow-md {
|
|
1066
|
+
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
|
|
1067
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1068
|
+
}
|
|
1069
|
+
|
|
1070
|
+
.shadow-sm {
|
|
1071
|
+
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
|
|
1072
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1073
|
+
}
|
|
1074
|
+
|
|
1075
|
+
.shadow-accent-pink\/10 {
|
|
1076
|
+
--tw-shadow-color: #14b8a61a;
|
|
1077
|
+
}
|
|
1078
|
+
|
|
1079
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1080
|
+
.shadow-accent-pink\/10 {
|
|
1081
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-accent-pink) 10%, transparent) var(--tw-shadow-alpha), transparent);
|
|
1082
|
+
}
|
|
1083
|
+
}
|
|
1084
|
+
|
|
910
1085
|
.transition-all {
|
|
911
1086
|
transition-property: all;
|
|
912
1087
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -931,7 +1106,7 @@
|
|
|
931
1106
|
|
|
932
1107
|
@media (hover: hover) {
|
|
933
1108
|
.group-hover\:bg-accent-blue\/10:is(:where(.group):hover *) {
|
|
934
|
-
background-color: #
|
|
1109
|
+
background-color: #14b8a61a;
|
|
935
1110
|
}
|
|
936
1111
|
|
|
937
1112
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -977,7 +1152,7 @@
|
|
|
977
1152
|
}
|
|
978
1153
|
|
|
979
1154
|
.hover\:border-border-active\/30:hover {
|
|
980
|
-
border-color: #
|
|
1155
|
+
border-color: #14b8a64d;
|
|
981
1156
|
}
|
|
982
1157
|
|
|
983
1158
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -1007,13 +1182,28 @@
|
|
|
1007
1182
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1008
1183
|
}
|
|
1009
1184
|
|
|
1010
|
-
.hover\:shadow-
|
|
1011
|
-
--tw-shadow-color
|
|
1185
|
+
.hover\:shadow-xl:hover {
|
|
1186
|
+
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
|
|
1187
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1188
|
+
}
|
|
1189
|
+
|
|
1190
|
+
.hover\:shadow-accent-blue-btn\/20:hover {
|
|
1191
|
+
--tw-shadow-color: #0d948833;
|
|
1192
|
+
}
|
|
1193
|
+
|
|
1194
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1195
|
+
.hover\:shadow-accent-blue-btn\/20:hover {
|
|
1196
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-accent-blue-btn) 20%, transparent) var(--tw-shadow-alpha), transparent);
|
|
1197
|
+
}
|
|
1198
|
+
}
|
|
1199
|
+
|
|
1200
|
+
.hover\:shadow-accent-blue-btn\/25:hover {
|
|
1201
|
+
--tw-shadow-color: #0d948840;
|
|
1012
1202
|
}
|
|
1013
1203
|
|
|
1014
1204
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1015
|
-
.hover\:shadow-accent-
|
|
1016
|
-
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-accent-
|
|
1205
|
+
.hover\:shadow-accent-blue-btn\/25:hover {
|
|
1206
|
+
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-accent-blue-btn) 25%, transparent) var(--tw-shadow-alpha), transparent);
|
|
1017
1207
|
}
|
|
1018
1208
|
}
|
|
1019
1209
|
}
|
|
@@ -1031,12 +1221,6 @@
|
|
|
1031
1221
|
src: url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
|
|
1032
1222
|
}
|
|
1033
1223
|
|
|
1034
|
-
* {
|
|
1035
|
-
box-sizing: border-box;
|
|
1036
|
-
margin: 0;
|
|
1037
|
-
padding: 0;
|
|
1038
|
-
}
|
|
1039
|
-
|
|
1040
1224
|
html, body, #root {
|
|
1041
1225
|
width: 100%;
|
|
1042
1226
|
height: 100%;
|
|
@@ -1103,8 +1287,8 @@ input[type="checkbox"] {
|
|
|
1103
1287
|
}
|
|
1104
1288
|
|
|
1105
1289
|
input[type="checkbox"]:checked {
|
|
1106
|
-
background: var(--color-accent-
|
|
1107
|
-
border-color: var(--color-accent-
|
|
1290
|
+
background: var(--color-accent-blue);
|
|
1291
|
+
border-color: var(--color-accent-blue);
|
|
1108
1292
|
}
|
|
1109
1293
|
|
|
1110
1294
|
input[type="checkbox"]:checked:after {
|
|
@@ -1135,11 +1319,11 @@ input[type="checkbox"]:checked:after {
|
|
|
1135
1319
|
|
|
1136
1320
|
@keyframes pulse-glow {
|
|
1137
1321
|
0%, 100% {
|
|
1138
|
-
box-shadow: 0 0 #
|
|
1322
|
+
box-shadow: 0 0 #14b8a64d;
|
|
1139
1323
|
}
|
|
1140
1324
|
|
|
1141
1325
|
50% {
|
|
1142
|
-
box-shadow: 0 0 20px 4px #
|
|
1326
|
+
box-shadow: 0 0 20px 4px #14b8a626;
|
|
1143
1327
|
}
|
|
1144
1328
|
}
|
|
1145
1329
|
|
|
@@ -1235,11 +1419,6 @@ input[type="checkbox"]:checked:after {
|
|
|
1235
1419
|
inherits: false
|
|
1236
1420
|
}
|
|
1237
1421
|
|
|
1238
|
-
@property --tw-duration {
|
|
1239
|
-
syntax: "*";
|
|
1240
|
-
inherits: false
|
|
1241
|
-
}
|
|
1242
|
-
|
|
1243
1422
|
@property --tw-shadow {
|
|
1244
1423
|
syntax: "*";
|
|
1245
1424
|
inherits: false;
|
|
@@ -1318,3 +1497,8 @@ input[type="checkbox"]:checked:after {
|
|
|
1318
1497
|
inherits: false;
|
|
1319
1498
|
initial-value: 0 0 #0000;
|
|
1320
1499
|
}
|
|
1500
|
+
|
|
1501
|
+
@property --tw-duration {
|
|
1502
|
+
syntax: "*";
|
|
1503
|
+
inherits: false
|
|
1504
|
+
}
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
6
|
<title>VTEX CSS Sanitizer</title>
|
|
7
|
-
<script type="module" crossorigin src="./assets/index-
|
|
8
|
-
<link rel="stylesheet" crossorigin href="./assets/index-
|
|
7
|
+
<script type="module" crossorigin src="./assets/index-CdnHXLFU.js"></script>
|
|
8
|
+
<link rel="stylesheet" crossorigin href="./assets/index-CkektP3p.css">
|
|
9
9
|
</head>
|
|
10
10
|
<body>
|
|
11
11
|
<div id="root"></div>
|
package/gui/package.json
CHANGED
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"glob": "^8.1.0",
|
|
19
19
|
"jsonc-parser": "^3.2.0",
|
|
20
|
+
"lucide-react": "^0.576.0",
|
|
20
21
|
"postcss": "^8.4.29",
|
|
21
22
|
"react": "^18.3.1",
|
|
22
23
|
"react-dom": "^18.3.1"
|
|
@@ -25,10 +26,10 @@
|
|
|
25
26
|
"@electron-toolkit/preload": "^3.0.1",
|
|
26
27
|
"@electron-toolkit/utils": "^3.0.0",
|
|
27
28
|
"@tailwindcss/vite": "^4.0.0",
|
|
28
|
-
"@types/react": "^18.3.12",
|
|
29
|
-
"@types/react-dom": "^18.3.1",
|
|
30
29
|
"@types/glob": "^8.1.0",
|
|
31
30
|
"@types/node": "^20.14.0",
|
|
31
|
+
"@types/react": "^18.3.12",
|
|
32
|
+
"@types/react-dom": "^18.3.1",
|
|
32
33
|
"@vitejs/plugin-react": "^4.3.4",
|
|
33
34
|
"electron": "^33.2.1",
|
|
34
35
|
"electron-builder": "^25.1.8",
|
|
@@ -37,4 +38,4 @@
|
|
|
37
38
|
"typescript": "^5.6.3",
|
|
38
39
|
"vite": "^6.0.0"
|
|
39
40
|
}
|
|
40
|
-
}
|
|
41
|
+
}
|
package/gui/yarn.lock
CHANGED
|
@@ -2566,6 +2566,11 @@ lru-cache@^7.7.1:
|
|
|
2566
2566
|
resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-7.18.3.tgz#f793896e0fd0e954a59dfdd82f0773808df6aa89"
|
|
2567
2567
|
integrity sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==
|
|
2568
2568
|
|
|
2569
|
+
lucide-react@^0.576.0:
|
|
2570
|
+
version "0.576.0"
|
|
2571
|
+
resolved "https://registry.yarnpkg.com/lucide-react/-/lucide-react-0.576.0.tgz#007a54fb388747f0833ef23cef3783a0ace7e1b4"
|
|
2572
|
+
integrity sha512-koNxU14BXrxUfZQ9cUaP0ES1uyPZKYDjk31FQZB6dQ/x+tXk979sVAn9ppZ/pVeJJyOxVM8j1E+8QEuSc02Vug==
|
|
2573
|
+
|
|
2569
2574
|
magic-string@^0.30.10, magic-string@^0.30.21:
|
|
2570
2575
|
version "0.30.21"
|
|
2571
2576
|
resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.21.tgz#56763ec09a0fa8091df27879fd94d19078c00d91"
|
package/package.json
CHANGED
|
Binary file
|
|
Binary file
|
package/docs/favicon.svg
DELETED