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.
@@ -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-lg: 32rem;
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: #0f0f23;
76
- --color-bg-secondary: #1a1a2e;
77
- --color-bg-card: #16213e;
78
- --color-bg-card-hover: #1a2744;
79
- --color-bg-input: #0e1628;
80
- --color-accent-pink: #e94560;
81
- --color-accent-pink-hover: #f25672;
82
- --color-accent-blue: #4e9af1;
83
- --color-accent-green: #43d9ad;
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: #e4e4f0;
87
- --color-text-secondary: #8892b0;
88
- --color-text-muted: #5a6480;
89
- --color-border: #233554;
90
- --color-border-active: #4e9af1;
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-6 {
421
- height: calc(var(--spacing) * 6);
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-12 {
429
- height: calc(var(--spacing) * 12);
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-20 {
433
- height: calc(var(--spacing) * 20);
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-6 {
453
- width: calc(var(--spacing) * 6);
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-12 {
461
- width: calc(var(--spacing) * 12);
479
+ .w-9 {
480
+ width: calc(var(--spacing) * 9);
462
481
  }
463
482
 
464
- .w-20 {
465
- width: calc(var(--spacing) * 20);
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-6 {
541
- gap: calc(var(--spacing) * 6);
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-green {
726
- --tw-gradient-to: var(--color-accent-green);
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-pink-hover {
731
- --tw-gradient-to: var(--color-accent-pink-hover);
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: #5a648099;
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: #4e9af11a;
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: #4e9af14d;
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-accent-pink\/25:hover {
1011
- --tw-shadow-color: #e9456040;
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-pink\/25:hover {
1016
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-accent-pink) 25%, transparent) var(--tw-shadow-alpha), transparent);
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-pink);
1107
- border-color: var(--color-accent-pink);
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 #e945604d;
1322
+ box-shadow: 0 0 #14b8a64d;
1139
1323
  }
1140
1324
 
1141
1325
  50% {
1142
- box-shadow: 0 0 20px 4px #e9456026;
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-B4Zg_1V2.js"></script>
8
- <link rel="stylesheet" crossorigin href="./assets/index-BUoLJXor.css">
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vtex-css-sanitizer-cli",
3
- "version": "1.0.5",
3
+ "version": "1.0.7",
4
4
  "description": "Herramienta CLI para eliminar CSS y blockClass no utilizados en proyectos VTEX IO.",
5
5
  "main": "dist/index.js",
6
6
  "bin": {
Binary file
Binary file
package/docs/favicon.svg DELETED
@@ -1,5 +0,0 @@
1
- <svg viewBox="0 0 24 24" fill="none" stroke="#6366f1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M12 2L2 7l10 5 10-5-10-5z"/>
3
- <path d="M2 17l10 5 10-5"/>
4
- <path d="M2 12l10 5 10-5"/>
5
- </svg>