@cloudtower/eagle 0.32.49 → 0.32.51

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 (7) hide show
  1. package/dist/cjs/stats1.html +1 -1
  2. package/dist/components.css +1495 -1494
  3. package/dist/esm/stats1.html +1 -1
  4. package/dist/linaria.merged.scss +1976 -1975
  5. package/dist/stories/docs/core/Table.stories.d.ts +6 -0
  6. package/dist/style.css +1360 -1359
  7. package/package.json +4 -4
package/dist/linaria.merged.scss CHANGED
@@ -1,91 +1,53 @@
1
- .E_d1bw7c5z {
2
- position: relative;
3
- max-width: 388px;
4
- min-width: 285px;
5
- .center {
6
- position: absolute;
7
- font-size: 12px;
8
- width: 80px;
9
- height: 100px;
10
- top: 0;
11
- left: 35px;
12
- display: flex;
13
- flex-direction: column;
14
- justify-content: center;
15
- align-items: center;
16
- color: $text-light-primary;
1
+ .E_m74vjol {
2
+ display: flex;
3
+ justify-content: space-between;
4
+ width: 100%;
5
+ & .action {
6
+ margin-left: 16px;
7
+ }
8
+ }
17
9
 
18
- .number {
19
- font-size: 24px;
20
- font-weight: 700;
21
- }
10
+ .E_a1o35uvh {
11
+ &.ant-alert-closable {
12
+ padding-right: 12px;
22
13
 
23
- .text {
24
- padding: 0 5px;
25
- font-size: 12px;
26
- width: inherit;
27
- text-align: center;
28
- }
29
- }
30
- .recharts-wrapper {
31
- display: flex;
32
- .recharts-legend-wrapper {
33
- position: relative !important;
34
- min-width: calc(
35
- 100% - var(--d1bw7c5z-0)
36
- ) !important;
37
- left: 0 !important;
38
- bottom: 0 !important;
39
- display: flex;
40
- align-items: center;
41
- .recharts-default-legend {
42
- width: 100%;
43
- }
44
- li {
45
- width: 100%;
46
- margin-right: 0 !important;
47
- line-height: 18px;
48
- & > svg {
49
- border-radius: 2px;
50
- }
51
- & > .recharts-legend-item-text {
52
- min-width: 75px;
53
- max-width: 198px;
54
- width: calc(100% - 20px);
55
- margin-left: 2px;
56
- color: $text-light-primary !important;
57
- display: inline-flex;
58
- justify-content: space-between;
59
- }
60
- }
14
+ .ant-alert-close-icon {
15
+ height: fit-content;
16
+ margin-left: 16px;
61
17
  }
62
18
  }
63
- .tooltip-text {
64
- maxwidth: calc(100% - 12px);
65
- cursor: pointer;
66
- border-bottom: 1px dashed $strokes-light-trans-4;
67
- overflow: hidden;
68
- text-overflow: ellipsis;
69
- white-space: nowrap;
70
- }
71
19
 
72
- .value {
73
- color: $text-neutral-secondary;
20
+ .ant-alert-message {
21
+ flex: 1;
74
22
  }
75
23
  }
76
24
 
77
- .E_t10pqbtc {
78
- width: 140px;
79
25
 
80
- .item {
81
- margin: 6px auto;
82
- display: flex;
83
- justify-content: space-between;
26
+ .E_c18gxmrl {
27
+ border: 1px solid $gray-40;
28
+ border-radius: 4px;
84
29
 
85
- .name {
86
- width: 102px;
30
+ & + & {
31
+ margin-top: 8px;
32
+ }
33
+
34
+ &:hover {
35
+ border-color: $blue-60;
36
+
37
+ > header {
38
+ background: rgba($blue-60, 0.1);
87
39
  }
88
40
  }
41
+
42
+ &.active {
43
+ header {
44
+ border-bottom: 1px solid $gray-40;
45
+ }
46
+ }
47
+
48
+ > header {
49
+ padding: 8px 12px;
50
+ }
89
51
  }
90
52
 
91
53
 
@@ -509,55 +471,19 @@
509
471
  }
510
472
 
511
473
 
512
- .E_m74vjol {
513
- display: flex;
514
- justify-content: space-between;
474
+ .E_fzh9mnb {
515
475
  width: 100%;
516
- & .action {
517
- margin-left: 16px;
518
- }
519
- }
520
-
521
- .E_a1o35uvh {
522
- &.ant-alert-closable {
523
- padding-right: 12px;
524
-
525
- .ant-alert-close-icon {
526
- height: fit-content;
527
- margin-left: 16px;
528
- }
529
- }
530
-
531
- .ant-alert-message {
532
- flex: 1;
533
- }
534
- }
535
-
536
-
537
- .E_c18gxmrl {
538
- border: 1px solid $gray-40;
539
- border-radius: 4px;
540
-
541
- & + & {
542
- margin-top: 8px;
543
- }
544
-
545
- &:hover {
546
- border-color: $blue-60;
547
-
548
- > header {
549
- background: rgba($blue-60, 0.1);
550
- }
551
- }
552
-
553
- &.active {
554
- header {
555
- border-bottom: 1px solid $gray-40;
556
- }
557
- }
476
+ height: 100%;
477
+ min-height: 124px;
478
+ display: flex;
479
+ flex-direction: column;
480
+ justify-content: center;
481
+ align-items: center;
558
482
 
559
- > header {
560
- padding: 8px 12px;
483
+ .error-text {
484
+ color: $text-terdiary-light;
485
+ margin-bottom: 16px;
486
+ font-size: 18px;
561
487
  }
562
488
  }
563
489
 
@@ -603,83 +529,130 @@
603
529
  }
604
530
 
605
531
 
606
- .E_f7pxqmh {
607
- width: 100%;
608
- margin-bottom: 0 !important;
609
- flex-flow: nowrap !important;
610
- line-break: auto;
611
-
612
- & > .ant-form-item-label {
613
- text-align: left !important;
614
- padding-bottom: 0 !important;
532
+ .E_d1bw7c5z {
533
+ position: relative;
534
+ max-width: 388px;
535
+ min-width: 285px;
536
+ .center {
537
+ position: absolute;
538
+ font-size: 12px;
539
+ width: 80px;
540
+ height: 100px;
541
+ top: 0;
542
+ left: 35px;
543
+ display: flex;
544
+ flex-direction: column;
545
+ justify-content: center;
546
+ align-items: center;
547
+ color: $text-light-primary;
615
548
 
616
- & > label {
617
- min-height: 32px;
618
- height: auto;
619
- font-size: 13px;
620
- color: rgba(44, 56, 82, 0.6);
621
- white-space: normal;
549
+ .number {
550
+ font-size: 24px;
551
+ font-weight: 700;
622
552
  }
623
- }
624
553
 
625
- &.ant-form-item-has-error {
626
- .ant-input {
627
- border-color: #ff4d4f !important;
628
- }
629
- .ant-input-password {
630
- border-color: #ff4d4f !important;
554
+ .text {
555
+ padding: 0 5px;
556
+ font-size: 12px;
557
+ width: inherit;
558
+ text-align: center;
631
559
  }
632
560
  }
633
-
634
- .ant-form-item-explain {
635
- margin-top: 4px;
636
- font-size: 12px;
637
- min-height: 0px;
561
+ .recharts-wrapper {
562
+ display: flex;
563
+ .recharts-legend-wrapper {
564
+ position: relative !important;
565
+ min-width: calc(
566
+ 100% - var(--d1bw7c5z-0)
567
+ ) !important;
568
+ left: 0 !important;
569
+ bottom: 0 !important;
570
+ display: flex;
571
+ align-items: center;
572
+ .recharts-default-legend {
573
+ width: 100%;
574
+ }
575
+ li {
576
+ width: 100%;
577
+ margin-right: 0 !important;
578
+ line-height: 18px;
579
+ & > svg {
580
+ border-radius: 2px;
581
+ }
582
+ & > .recharts-legend-item-text {
583
+ min-width: 75px;
584
+ max-width: 198px;
585
+ width: calc(100% - 20px);
586
+ margin-left: 2px;
587
+ color: $text-light-primary !important;
588
+ display: inline-flex;
589
+ justify-content: space-between;
590
+ }
591
+ }
592
+ }
638
593
  }
639
-
640
- .ant-form-item-extra {
641
- font-size: 12px;
642
- color: rgba(44, 56, 82, 0.6);
643
- min-height: 0px;
594
+ .tooltip-text {
595
+ maxwidth: calc(100% - 12px);
596
+ cursor: pointer;
597
+ border-bottom: 1px dashed $strokes-light-trans-4;
598
+ overflow: hidden;
599
+ text-overflow: ellipsis;
600
+ white-space: nowrap;
601
+ }
602
+
603
+ .value {
604
+ color: $text-neutral-secondary;
644
605
  }
645
606
  }
646
607
 
608
+ .E_t10pqbtc {
609
+ width: 140px;
647
610
 
648
- .E_fzh9mnb {
649
- width: 100%;
650
- height: 100%;
651
- min-height: 124px;
652
- display: flex;
653
- flex-direction: column;
654
- justify-content: center;
655
- align-items: center;
611
+ .item {
612
+ margin: 6px auto;
613
+ display: flex;
614
+ justify-content: space-between;
656
615
 
657
- .error-text {
658
- color: $text-terdiary-light;
659
- margin-bottom: 16px;
660
- font-size: 18px;
616
+ .name {
617
+ width: 102px;
618
+ }
661
619
  }
662
620
  }
663
621
 
664
622
 
665
- .E_iouxfgt {
666
- display: inline-flex;
667
- align-items: center;
668
-
669
- .icon-inner {
623
+ .E_a1wfy30z {
624
+ .ant-input-number-handler-wrap {
625
+ display: var(--a1wfy30z-0);
626
+ }
627
+ .ant-input-number-input-wrap {
628
+ padding: 4px 11px;
670
629
  display: inline-flex;
671
- align-items: center;
672
- justify-content: center;
630
+ line-height: 1.5715;
631
+ height: inherit;
673
632
  }
674
- .icon-inner + span,
675
- span + .icon-inner.suffix {
633
+
634
+ .ant-input-number-input-wrap::after {
635
+ content: var(--a1wfy30z-1);
636
+ display: var(--a1wfy30z-2);
637
+ flex: none;
638
+ align-items: center;
676
639
  margin-left: 4px;
677
640
  }
678
- &.is-rotate {
679
- img,
680
- svg {
681
- animation: rotate 680ms linear infinite;
682
- }
641
+
642
+ .ant-input-number-input-wrap::before {
643
+ content: var(--a1wfy30z-3);
644
+ display: var(--a1wfy30z-4);
645
+ flex: none;
646
+ align-items: center;
647
+ margin-right: 4px;
648
+ cursor: auto;
649
+ }
650
+
651
+ .ant-input-number-input {
652
+ padding: 0;
653
+ margin: 0;
654
+ height: auto;
655
+ font-size: inherit;
683
656
  }
684
657
  }
685
658
 
@@ -698,83 +671,83 @@
698
671
  }
699
672
 
700
673
 
701
- .E_ai7qkf2 {
702
- .ant-input-number-handler-wrap {
703
- display: var(--ai7qkf2-0);
704
- }
705
- .ant-input-number-input-wrap {
706
- display: inline-flex;
707
- line-height: 1.5715;
708
- height: 100%;
709
- width: 100%;
674
+ .E_sx1bpnu {
675
+ .ant-input-sm {
676
+ line-height: 18px;
710
677
  }
678
+ }
711
679
 
712
- .ant-input-number-input-wrap::after {
713
- content: var(--ai7qkf2-1);
714
- display: var(--ai7qkf2-2);
715
- flex: none;
680
+
681
+ .E_iouxfgt {
682
+ display: inline-flex;
683
+ align-items: center;
684
+
685
+ .icon-inner {
686
+ display: inline-flex;
716
687
  align-items: center;
688
+ justify-content: center;
689
+ }
690
+ .icon-inner + span,
691
+ span + .icon-inner.suffix {
717
692
  margin-left: 4px;
718
- padding: 5px 12px 5px 0;
719
- color: rgba(44, 56, 82, 0.6);
720
693
  }
721
-
722
- .ant-input-number-input-wrap::before {
723
- content: var(--ai7qkf2-3);
724
- display: var(--ai7qkf2-4);
725
- flex: none;
726
- align-items: center;
727
- margin-right: 4px;
728
- cursor: auto;
729
- color: rgba(44, 56, 82, 0.6);
694
+ &.is-rotate {
695
+ img,
696
+ svg {
697
+ animation: rotate 680ms linear infinite;
698
+ }
730
699
  }
700
+ }
731
701
 
732
- .ant-input-group.ant-input-group-compact > & {
733
- border-radius: 0;
734
- }
735
702
 
736
- &.ant-input-number {
737
- width: 100%;
738
- border-radius: 6px;
703
+ .E_f7pxqmh {
704
+ width: 100%;
705
+ margin-bottom: 0 !important;
706
+ flex-flow: nowrap !important;
707
+ line-break: auto;
708
+
709
+ & > .ant-form-item-label {
710
+ text-align: left !important;
711
+ padding-bottom: 0 !important;
712
+
713
+ & > label {
714
+ min-height: 32px;
715
+ height: auto;
716
+ font-size: 13px;
717
+ color: rgba(44, 56, 82, 0.6);
718
+ white-space: normal;
719
+ }
739
720
  }
740
- &.ant-input-number:not([disabled]) {
741
- &:focus,
742
- &:active,
743
- &.ant-input-number-focused {
744
- &.ant-input-number {
745
- border-color: $blue;
746
- box-shadow: $shadow-light-active;
747
- z-index: $input-hover-index;
748
- }
721
+
722
+ &.ant-form-item-has-error {
723
+ .ant-input {
724
+ border-color: #ff4d4f !important;
749
725
  }
750
- &.error {
751
- &:hover,
752
- &.ant-input-number-focused {
753
- &.ant-input-number {
754
- border-color: $red;
755
- box-shadow: $shadow-light-error;
756
- }
757
- }
726
+ .ant-input-password {
727
+ border-color: #ff4d4f !important;
758
728
  }
759
729
  }
760
730
 
761
- .ant-input-number-input {
762
- height: 30px;
763
- border: 1px;
764
- padding: 5px 12px;
765
- font-size: inherit;
731
+ .ant-form-item-explain {
732
+ margin-top: 4px;
733
+ font-size: 12px;
734
+ min-height: 0px;
766
735
  }
767
736
 
768
- &.ant-input-number-lg input {
769
- height: 38px;
770
- border: 1px;
771
- padding: 8px 16px;
737
+ .ant-form-item-extra {
738
+ font-size: 12px;
739
+ color: rgba(44, 56, 82, 0.6);
740
+ min-height: 0px;
772
741
  }
742
+ }
773
743
 
774
- &.ant-input-number-sm input {
775
- height: 22px;
776
- border: 1px;
777
- padding: 2px 8px;
744
+
745
+ .E_atcz0kf {
746
+ .ant-input-suffix {
747
+ margin-left: 8px;
748
+ }
749
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
750
+ padding: 2px 7px 2px 12px;
778
751
  }
779
752
  }
780
753
 
@@ -834,70 +807,141 @@
834
807
  }
835
808
 
836
809
 
837
- .E_sx1bpnu {
838
- .ant-input-sm {
839
- line-height: 18px;
840
- }
841
- }
842
-
843
-
844
- .E_atcz0kf {
845
- .ant-input-suffix {
846
- margin-left: 8px;
847
- }
848
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
849
- padding: 2px 7px 2px 12px;
850
- }
851
- }
852
-
853
-
854
- .E_a1wfy30z {
810
+ .E_ai7qkf2 {
855
811
  .ant-input-number-handler-wrap {
856
- display: var(--a1wfy30z-0);
812
+ display: var(--ai7qkf2-0);
857
813
  }
858
814
  .ant-input-number-input-wrap {
859
- padding: 4px 11px;
860
815
  display: inline-flex;
861
816
  line-height: 1.5715;
862
- height: inherit;
817
+ height: 100%;
818
+ width: 100%;
863
819
  }
864
820
 
865
821
  .ant-input-number-input-wrap::after {
866
- content: var(--a1wfy30z-1);
867
- display: var(--a1wfy30z-2);
822
+ content: var(--ai7qkf2-1);
823
+ display: var(--ai7qkf2-2);
868
824
  flex: none;
869
825
  align-items: center;
870
826
  margin-left: 4px;
827
+ padding: 5px 12px 5px 0;
828
+ color: rgba(44, 56, 82, 0.6);
871
829
  }
872
830
 
873
831
  .ant-input-number-input-wrap::before {
874
- content: var(--a1wfy30z-3);
875
- display: var(--a1wfy30z-4);
832
+ content: var(--ai7qkf2-3);
833
+ display: var(--ai7qkf2-4);
876
834
  flex: none;
877
835
  align-items: center;
878
836
  margin-right: 4px;
879
837
  cursor: auto;
838
+ color: rgba(44, 56, 82, 0.6);
880
839
  }
881
840
 
882
- .ant-input-number-input {
883
- padding: 0;
884
- margin: 0;
885
- height: auto;
886
- font-size: inherit;
841
+ .ant-input-group.ant-input-group-compact > & {
842
+ border-radius: 0;
887
843
  }
888
- }
889
-
890
844
 
891
- .E_i11gg7mj {
892
- .ant-input-prefix {
893
- margin-right: 8px;
894
- }
895
- .ant-input-suffix {
896
- margin-left: 8px;
845
+ &.ant-input-number {
846
+ width: 100%;
847
+ border-radius: 6px;
897
848
  }
898
- }
899
-
900
- .E_cc368xp {
849
+ &.ant-input-number:not([disabled]) {
850
+ &:focus,
851
+ &:active,
852
+ &.ant-input-number-focused {
853
+ &.ant-input-number {
854
+ border-color: $blue;
855
+ box-shadow: $shadow-light-active;
856
+ z-index: $input-hover-index;
857
+ }
858
+ }
859
+ &.error {
860
+ &:hover,
861
+ &.ant-input-number-focused {
862
+ &.ant-input-number {
863
+ border-color: $red;
864
+ box-shadow: $shadow-light-error;
865
+ }
866
+ }
867
+ }
868
+ }
869
+
870
+ .ant-input-number-input {
871
+ height: 30px;
872
+ border: 1px;
873
+ padding: 5px 12px;
874
+ font-size: inherit;
875
+ }
876
+
877
+ &.ant-input-number-lg input {
878
+ height: 38px;
879
+ border: 1px;
880
+ padding: 8px 16px;
881
+ }
882
+
883
+ &.ant-input-number-sm input {
884
+ height: 22px;
885
+ border: 1px;
886
+ padding: 2px 8px;
887
+ }
888
+ }
889
+
890
+
891
+ .E_c1bus5hc {
892
+ --color: white;
893
+ height: 14px;
894
+ width: 14px;
895
+ border-radius: 50%;
896
+ flex-shrink: 0;
897
+ display: flex;
898
+ align-items: center;
899
+ justify-content: center;
900
+ border: 1px solid var(--color);
901
+
902
+ .circle-inner {
903
+ position: relative;
904
+ height: 10px;
905
+ width: 10px;
906
+ border-radius: 50%;
907
+ overflow: hidden;
908
+ }
909
+
910
+ .circle-content {
911
+ position: absolute;
912
+ height: 100%;
913
+ width: 100%;
914
+ left: 0;
915
+ top: 0;
916
+ border-radius: 50%;
917
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
918
+ transform: rotate(180deg);
919
+ }
920
+
921
+ .circle-child {
922
+ position: absolute;
923
+ height: 100%;
924
+ width: 100%;
925
+ left: 0;
926
+ top: 0;
927
+ margin-left: 50%;
928
+ transform-origin: left;
929
+ background: white;
930
+ transform: rotate(0deg);
931
+ }
932
+ }
933
+
934
+
935
+ .E_i11gg7mj {
936
+ .ant-input-prefix {
937
+ margin-right: 8px;
938
+ }
939
+ .ant-input-suffix {
940
+ margin-left: 8px;
941
+ }
942
+ }
943
+
944
+ .E_cc368xp {
901
945
  color: $gray-120;
902
946
  border-right: 1px solid $gray-a60-5;
903
947
  margin-right: 8px;
@@ -1112,58 +1156,64 @@
1112
1156
  }
1113
1157
 
1114
1158
 
1115
- .E_c1bus5hc {
1116
- --color: white;
1117
- height: 14px;
1118
- width: 14px;
1119
- border-radius: 50%;
1120
- flex-shrink: 0;
1121
- display: flex;
1122
- align-items: center;
1123
- justify-content: center;
1124
- border: 1px solid var(--color);
1125
-
1126
- .circle-inner {
1127
- position: relative;
1128
- height: 10px;
1129
- width: 10px;
1130
- border-radius: 50%;
1159
+ .E_s1dizucg {
1160
+ &.ant-switch {
1161
+ min-width: 40px;
1162
+ height: 24px;
1163
+ background: $fills-trans-quinary-light;
1131
1164
  overflow: hidden;
1165
+ &:focus {
1166
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1167
+ }
1132
1168
  }
1133
-
1134
- .circle-content {
1135
- position: absolute;
1136
- height: 100%;
1137
- width: 100%;
1138
- left: 0;
1139
- top: 0;
1140
- border-radius: 50%;
1141
- background: linear-gradient(to right, var(--color) 50%, white 50%);
1142
- transform: rotate(180deg);
1169
+ &.ant-switch-small {
1170
+ min-width: 26px;
1171
+ height: 16px;
1143
1172
  }
1144
-
1145
- .circle-child {
1146
- position: absolute;
1147
- height: 100%;
1148
- width: 100%;
1149
- left: 0;
1150
- top: 0;
1151
- margin-left: 50%;
1152
- transform-origin: left;
1153
- background: white;
1154
- transform: rotate(0deg);
1173
+ &.ant-switch-large {
1174
+ min-width: 52px;
1175
+ height: 32px;
1155
1176
  }
1156
- }
1157
1177
 
1178
+ &.ant-switch .ant-switch-handle {
1179
+ height: 20px;
1180
+ width: 20px;
1181
+ &::before {
1182
+ border-radius: 10px;
1183
+ transition-delay: 120ms;
1184
+ }
1185
+ }
1186
+ &.ant-switch-small .ant-switch-handle {
1187
+ height: 14px;
1188
+ width: 14px;
1189
+ top: 1px;
1190
+ left: 1px;
1191
+ }
1192
+ &.ant-switch-large .ant-switch-handle {
1193
+ height: 28px;
1194
+ width: 28px;
1195
+ &::before {
1196
+ border-radius: 14px;
1197
+ }
1198
+ }
1158
1199
 
1159
- .E_owd0kml {
1160
- display: inline-block;
1200
+ &.ant-switch-checked {
1201
+ background-color: $green-60;
1202
+ }
1203
+ &.ant-switch-checked .ant-switch-handle {
1204
+ left: calc(100% - 20px - 2px);
1205
+ }
1206
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1207
+ left: calc(100% - 14px - 1px);
1208
+ }
1209
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1210
+ left: calc(100% - 28px - 2px);
1211
+ }
1161
1212
  }
1162
1213
 
1163
- .E_h1jsgezc {
1164
- visibility: hidden;
1165
- position: absolute;
1166
- }
1214
+ .E_c1up6e3y {
1215
+ margin-left: 5px;
1216
+ }
1167
1217
 
1168
1218
 
1169
1219
  .E_cnujxq2 {
@@ -2046,6 +2096,16 @@
2046
2096
  }
2047
2097
 
2048
2098
 
2099
+ .E_owd0kml {
2100
+ display: inline-block;
2101
+ }
2102
+
2103
+ .E_h1jsgezc {
2104
+ visibility: hidden;
2105
+ position: absolute;
2106
+ }
2107
+
2108
+
2049
2109
  .E_c1yyuluq {
2050
2110
  border-radius: 8px;
2051
2111
  .ant-card-body {
@@ -2054,39 +2114,152 @@
2054
2114
  }
2055
2115
 
2056
2116
 
2057
- .E_m196gn1d {
2058
- min-width: 1280px;
2059
- }
2060
-
2117
+ .E_ccrbeuz {
2118
+ .ant-collapse-item {
2119
+ border: 0px;
2120
+ background-color: $fills-light-white;
2061
2121
 
2062
- .E_iq1gosr {
2063
- display: inline-block;
2122
+ .ant-collapse-header {
2123
+ padding-top: 0px;
2124
+ padding-bottom: 0px;
2125
+ padding-left: 0px !important;
2126
+ padding-right: 24px;
2127
+ .ant-collapse-arrow {
2128
+ right: 0px;
2129
+ }
2130
+ }
2131
+ .ant-collapse-content {
2132
+ .ant-collapse-content-box {
2133
+ padding: 0px;
2134
+ }
2135
+ }
2136
+ }
2064
2137
  }
2065
2138
 
2066
-
2067
- .E_dsnbhzf {
2068
- @include Inter(bold);
2069
- font-size: 32px;
2070
- line-height: 40px;
2139
+ .E_c1fljvag {
2140
+ .ant-collapse-item {
2141
+ .ant-collapse-header {
2142
+ padding-right: 0px;
2143
+ cursor: default;
2144
+ }
2145
+ }
2071
2146
  }
2072
2147
 
2073
- .E_d1mvo22k {
2074
- @include Inter(bold);
2075
- font-size: 24px;
2076
- line-height: 32px;
2077
- }
2078
2148
 
2079
- .E_d1b444tr {
2080
- @include Inter();
2081
- font-size: 32px;
2082
- line-height: 40px;
2083
- }
2149
+ .E_s1sck0th {
2150
+ padding: 0 8px;
2151
+ border-radius: 4px;
2152
+ }
2084
2153
 
2085
- .E_dvs0kue {
2086
- @include Inter(bold);
2087
- font-size: 20px;
2088
- line-height: 24px;
2089
- }
2154
+ .E_m855nr1 {
2155
+ padding: 2px 8px;
2156
+ border-radius: 3px;
2157
+ }
2158
+
2159
+ .E_l1270xpg {
2160
+ padding: 3px 8px;
2161
+ border-radius: 2px;
2162
+ }
2163
+
2164
+ .E_t14rextb {
2165
+ &.ant-tag:hover {
2166
+ opacity: unset;
2167
+ }
2168
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
2169
+ margin: 0;
2170
+ margin-right: 8px;
2171
+ display: inline-flex;
2172
+ align-items: center;
2173
+ border: none;
2174
+ & .ant-tag-close-icon {
2175
+ width: 16px;
2176
+ height: 16px;
2177
+ color: inherit;
2178
+ margin-left: 4px;
2179
+ opacity: 0.6;
2180
+ display: inline-flex;
2181
+ &:hover {
2182
+ opacity: 1;
2183
+ }
2184
+ }
2185
+ &.ant-tag-blue {
2186
+ color: $fills-light-general-general;
2187
+ background-color: $fills-light-general-general-light;
2188
+ }
2189
+ &.ant-tag-red {
2190
+ color: $fills-light-serious-serious;
2191
+ background-color: $fills-light-serious-serious-light;
2192
+ }
2193
+ &.ant-tag-yellow {
2194
+ color: $fills-light-notice-notice-dark;
2195
+ background-color: $fills-light-notice-notice-light;
2196
+ }
2197
+ &.ant-tag-green {
2198
+ color: $fills-light-positive-positive-dark;
2199
+ background-color: $fills-light-positive-positive-light;
2200
+ }
2201
+ &.ant-tag-gray {
2202
+ color: $text-light-super;
2203
+ background-color: $fills-element-light-container-general;
2204
+ }
2205
+ &.ant-tag-purple {
2206
+ color: $text-colorful-purple;
2207
+ background-color: $fill-purple-light;
2208
+ }
2209
+
2210
+ &.ui-kit-token-checked {
2211
+ color: $text-light-on-tint;
2212
+ &.ant-tag-red {
2213
+ background-color: $fills-light-serious-serious;
2214
+ }
2215
+ &.ant-tag-yellow {
2216
+ background-color: $fills-light-notice-notice;
2217
+ }
2218
+ &.ant-tag-green {
2219
+ background-color: $fills-light-positive-positive;
2220
+ }
2221
+ &.ant-tag-blue {
2222
+ background-color: $fills-light-general-general;
2223
+ }
2224
+ &.ant-tag-gray {
2225
+ background-color: $gray-70;
2226
+ }
2227
+ &.ant-tag-purple {
2228
+ background-color: $fill-purple-base;
2229
+ }
2230
+ }
2231
+ }
2232
+ }
2233
+
2234
+
2235
+ .E_iq1gosr {
2236
+ display: inline-block;
2237
+ }
2238
+
2239
+
2240
+ .E_dsnbhzf {
2241
+ @include Inter(bold);
2242
+ font-size: 32px;
2243
+ line-height: 40px;
2244
+ }
2245
+
2246
+ .E_d1mvo22k {
2247
+ @include Inter(bold);
2248
+ font-size: 24px;
2249
+ line-height: 32px;
2250
+ }
2251
+
2252
+ .E_d1b444tr {
2253
+ @include Inter();
2254
+ font-size: 32px;
2255
+ line-height: 40px;
2256
+ }
2257
+
2258
+ .E_dvs0kue {
2259
+ @include Inter(bold);
2260
+ font-size: 20px;
2261
+ line-height: 24px;
2262
+ }
2090
2263
 
2091
2264
  .E_d1hcbfcq {
2092
2265
  @include Inter();
@@ -2418,149 +2591,15 @@
2418
2591
  }
2419
2592
 
2420
2593
 
2421
- .E_s1dizucg {
2422
- &.ant-switch {
2423
- min-width: 40px;
2424
- height: 24px;
2425
- background: $fills-trans-quinary-light;
2426
- overflow: hidden;
2427
- &:focus {
2428
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
2429
- }
2430
- }
2431
- &.ant-switch-small {
2432
- min-width: 26px;
2433
- height: 16px;
2434
- }
2435
- &.ant-switch-large {
2436
- min-width: 52px;
2437
- height: 32px;
2438
- }
2439
-
2440
- &.ant-switch .ant-switch-handle {
2441
- height: 20px;
2442
- width: 20px;
2443
- &::before {
2444
- border-radius: 10px;
2445
- transition-delay: 120ms;
2446
- }
2447
- }
2448
- &.ant-switch-small .ant-switch-handle {
2449
- height: 14px;
2450
- width: 14px;
2451
- top: 1px;
2452
- left: 1px;
2453
- }
2454
- &.ant-switch-large .ant-switch-handle {
2455
- height: 28px;
2456
- width: 28px;
2457
- &::before {
2458
- border-radius: 14px;
2459
- }
2460
- }
2461
-
2462
- &.ant-switch-checked {
2463
- background-color: $green-60;
2464
- }
2465
- &.ant-switch-checked .ant-switch-handle {
2466
- left: calc(100% - 20px - 2px);
2467
- }
2468
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
2469
- left: calc(100% - 14px - 1px);
2470
- }
2471
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
2472
- left: calc(100% - 28px - 2px);
2594
+ .E_tju3gfj {
2595
+ .date {
2596
+ margin-right: 4px;
2473
2597
  }
2474
2598
  }
2475
2599
 
2476
- .E_c1up6e3y {
2477
- margin-left: 5px;
2478
- }
2479
-
2480
-
2481
- .E_s1sck0th {
2482
- padding: 0 8px;
2483
- border-radius: 4px;
2484
- }
2485
-
2486
- .E_m855nr1 {
2487
- padding: 2px 8px;
2488
- border-radius: 3px;
2489
- }
2490
-
2491
- .E_l1270xpg {
2492
- padding: 3px 8px;
2493
- border-radius: 2px;
2494
- }
2495
-
2496
- .E_t14rextb {
2497
- &.ant-tag:hover {
2498
- opacity: unset;
2499
- }
2500
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
2501
- margin: 0;
2502
- margin-right: 8px;
2503
- display: inline-flex;
2504
- align-items: center;
2505
- border: none;
2506
- & .ant-tag-close-icon {
2507
- width: 16px;
2508
- height: 16px;
2509
- color: inherit;
2510
- margin-left: 4px;
2511
- opacity: 0.6;
2512
- display: inline-flex;
2513
- &:hover {
2514
- opacity: 1;
2515
- }
2516
- }
2517
- &.ant-tag-blue {
2518
- color: $fills-light-general-general;
2519
- background-color: $fills-light-general-general-light;
2520
- }
2521
- &.ant-tag-red {
2522
- color: $fills-light-serious-serious;
2523
- background-color: $fills-light-serious-serious-light;
2524
- }
2525
- &.ant-tag-yellow {
2526
- color: $fills-light-notice-notice-dark;
2527
- background-color: $fills-light-notice-notice-light;
2528
- }
2529
- &.ant-tag-green {
2530
- color: $fills-light-positive-positive-dark;
2531
- background-color: $fills-light-positive-positive-light;
2532
- }
2533
- &.ant-tag-gray {
2534
- color: $text-light-super;
2535
- background-color: $fills-element-light-container-general;
2536
- }
2537
- &.ant-tag-purple {
2538
- color: $text-colorful-purple;
2539
- background-color: $fill-purple-light;
2540
- }
2541
2600
 
2542
- &.ui-kit-token-checked {
2543
- color: $text-light-on-tint;
2544
- &.ant-tag-red {
2545
- background-color: $fills-light-serious-serious;
2546
- }
2547
- &.ant-tag-yellow {
2548
- background-color: $fills-light-notice-notice;
2549
- }
2550
- &.ant-tag-green {
2551
- background-color: $fills-light-positive-positive;
2552
- }
2553
- &.ant-tag-blue {
2554
- background-color: $fills-light-general-general;
2555
- }
2556
- &.ant-tag-gray {
2557
- background-color: $gray-70;
2558
- }
2559
- &.ant-tag-purple {
2560
- background-color: $fill-purple-base;
2561
- }
2562
- }
2563
- }
2601
+ .E_m196gn1d {
2602
+ min-width: 1280px;
2564
2603
  }
2565
2604
 
2566
2605
 
@@ -2601,13 +2640,6 @@
2601
2640
  }
2602
2641
 
2603
2642
 
2604
- .E_tju3gfj {
2605
- .date {
2606
- margin-right: 4px;
2607
- }
2608
- }
2609
-
2610
-
2611
2643
  .E_t1m2x205 {
2612
2644
  .ant-tooltip-arrow {
2613
2645
  display: none;
@@ -2711,38 +2743,6 @@
2711
2743
  }
2712
2744
 
2713
2745
 
2714
- .E_ccrbeuz {
2715
- .ant-collapse-item {
2716
- border: 0px;
2717
- background-color: $fills-light-white;
2718
-
2719
- .ant-collapse-header {
2720
- padding-top: 0px;
2721
- padding-bottom: 0px;
2722
- padding-left: 0px !important;
2723
- padding-right: 24px;
2724
- .ant-collapse-arrow {
2725
- right: 0px;
2726
- }
2727
- }
2728
- .ant-collapse-content {
2729
- .ant-collapse-content-box {
2730
- padding: 0px;
2731
- }
2732
- }
2733
- }
2734
- }
2735
-
2736
- .E_c1fljvag {
2737
- .ant-collapse-item {
2738
- .ant-collapse-header {
2739
- padding-right: 0px;
2740
- cursor: default;
2741
- }
2742
- }
2743
- }
2744
-
2745
-
2746
2746
  .E_hrhfj7c {
2747
2747
  display: none;
2748
2748
  }
@@ -3299,6 +3299,22 @@
3299
3299
  }
3300
3300
 
3301
3301
 
3302
+ .E_w1dxz879 {
3303
+ display: flex;
3304
+ flex-direction: column;
3305
+ gap: 6px;
3306
+ .ellipsis-tooltip {
3307
+ max-height: var(--w1dxz879-0);
3308
+ text-overflow: clip;
3309
+ overflow: hidden;
3310
+ }
3311
+ .tips {
3312
+ color: #fff;
3313
+ opacity: 0.8;
3314
+ }
3315
+ }
3316
+
3317
+
3302
3318
  .E_h12yihis {
3303
3319
  height: 50px;
3304
3320
  border-bottom: 2px solid #edf0f7;
@@ -3569,183 +3585,123 @@
3569
3585
  }
3570
3586
 
3571
3587
 
3572
- .E_w1dxz879 {
3573
- display: flex;
3574
- flex-direction: column;
3575
- gap: 6px;
3576
- .ellipsis-tooltip {
3577
- max-height: var(--w1dxz879-0);
3578
- text-overflow: clip;
3579
- overflow: hidden;
3580
- }
3581
- .tips {
3582
- color: #fff;
3583
- opacity: 0.8;
3588
+ .E_b14q2gmw {
3589
+ box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3590
+ 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3591
+ 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3592
+ 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3593
+ 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3594
+ 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3595
+ 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3596
+ 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3597
+ }
3598
+
3599
+ .E_c1eym6el {
3600
+ border-radius: 8px;
3601
+ background-color: white;
3602
+ &.hoverable {
3603
+ cursor: pointer;
3604
+
3605
+ &:hover {
3606
+ transition: all 200ms ease;
3607
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3608
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3609
+ transform: translateY(-4px);
3610
+ }
3584
3611
  }
3585
3612
  }
3586
3613
 
3587
3614
 
3588
- .E_l1ucdodl {
3589
- $prefix: ui-kit-status-legend;
3590
- margin: 0;
3591
- border-radius: 20px;
3592
- padding: 2px 10px;
3593
- height: 22px;
3615
+ .E_r77hffu {
3594
3616
  display: flex;
3595
3617
  align-items: center;
3618
+ justify-content: space-between;
3619
+ column-gap: 6px;
3620
+ }
3596
3621
 
3597
- &.ui-kit-status-legend.on-tint {
3598
- color: $text-neutral-ontint;
3622
+ .E_p1cmxsf7 {
3623
+ display: flex;
3624
+ flex-direction: column;
3625
+ justify-content: center;
3626
+ row-gap: var(--p1cmxsf7-0);
3627
+
3628
+ .antd5-progress-line {
3629
+ font-size: 0;
3630
+ margin-bottom: unset;
3631
+ margin-inline-end: unset;
3599
3632
  }
3600
- &.tag-hover {
3601
- cursor: pointer;
3633
+ }
3634
+
3635
+
3636
+ .E_s11wux3h {
3637
+ .antd5-segmented-item:not(:last-child) {
3638
+ margin-right: 2px;
3602
3639
  }
3640
+ }
3603
3641
 
3604
- &.#{$prefix} {
3605
- color: $text-neutral-primary;
3606
- .#{$prefix}-icon {
3607
- margin-right: 6px;
3608
- }
3609
- .#{$prefix}-number {
3610
- margin-left: 8px;
3611
- color: #2C385299;
3612
- &.#{$prefix}-number.on-tint {
3613
- color: $text-neutral-ontint;
3614
- }
3615
- }
3616
- &.eagle-legend-blue {
3617
- .#{$prefix}-icon {
3618
- background-color: $fill-outstanding-base;
3619
- }
3620
- }
3621
- &.eagle-legend-red {
3622
- .#{$prefix}-icon {
3623
- background-color: $fill-serious-base;
3624
- }
3625
- }
3626
- &.eagle-legend-yellow {
3627
- .#{$prefix}-icon {
3628
- background-color: $fill-notice-base;
3629
- }
3630
- }
3631
- &.eagle-legend-green {
3632
- .#{$prefix}-icon {
3633
- background-color: $fill-positive-base;
3634
- }
3635
- }
3636
- &.eagle-legend-gray {
3637
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
3638
- background-color: $gray-70;
3639
- }
3640
- }
3641
- &.eagle-legend-purple {
3642
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
3643
- background-color: $purple-50;
3644
- }
3645
- }
3642
+ .E_s1t2an3z {
3643
+ &.antd5-segmented-sm .antd5-segmented-item-label {
3644
+ padding-left: 8px;
3645
+ padding-right: 8px;
3646
+ }
3647
+
3648
+ &.antd5-segmented-sm .antd5-segmented-item-selected {
3649
+ border-radius: 4px;
3650
+ }
3651
+
3652
+ &.antd5-segmented
3653
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3654
+ .antd5-segmented-item-disabled
3655
+ ) {
3656
+ border-radius: 4px;
3646
3657
  }
3647
3658
  }
3648
3659
 
3649
- .E_s1qj66nc {
3650
- width: 8px;
3651
- height: 8px;
3652
- border-radius: 50%;
3653
- display: inline-block;
3660
+ .E_ma64lna {
3661
+ .antd5-segmented-item-label {
3662
+ padding-left: 12px;
3663
+ padding-right: 12px;
3664
+ }
3654
3665
  }
3655
3666
 
3656
- .E_s5x1boq {
3657
- width: 8px;
3658
- height: 8px;
3659
- border-radius: 2px;
3660
- display: inline-block;
3667
+ .E_ckld275 {
3668
+ background-color: $fill-neutral-trans-2;
3669
+ &.antd5-segmented
3670
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3671
+ .antd5-segmented-item-disabled
3672
+ ) {
3673
+ background-color: $fill-neutral-light-white;
3674
+ color: $text-neutral-secondary-light;
3675
+ }
3676
+ // on animate remove hover bg color
3677
+ &.antd5-segmented
3678
+ .antd5-segmented-thumb
3679
+ ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3680
+ .antd5-segmented-item-disabled
3681
+ ) {
3682
+ background-color: transparent;
3683
+ }
3684
+ // remove after's bg color
3685
+ &.antd5-segmented
3686
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3687
+ .antd5-segmented-item-disabled
3688
+ )::after {
3689
+ background-color: transparent;
3690
+ }
3661
3691
  }
3662
3692
 
3663
- .E_c1xm185 {
3664
- color: #2C385299;
3665
- }
3666
3693
 
3667
- .E_c1x5l5qc {
3668
- flex: 1;
3669
- }
3694
+ .E_c1yd35n {
3695
+ padding: 0 12px 14px 12px;
3696
+ }
3670
3697
 
3671
3698
 
3672
- .E_l48ei06 {
3673
- @at-root {
3674
- button#{&}.ant-btn,
3675
- button#{&}.ant-btn.ant-btn-sm,
3676
- button#{&}.ant-btn.ant-btn-lg {
3677
- font-size: 12px;
3678
- line-height: 18px;
3679
- height: 18px;
3680
- }
3681
- button#{&} {
3682
- color: #0080FF;
3683
- height: unset;
3684
- .button-prefix-icon {
3685
- margin-right: 4px;
3686
- }
3687
- .button-suffix-icon {
3688
- margin-left: 4px;
3689
- }
3690
-
3691
- &:hover,
3692
- &.__pseudo-states-hover {
3693
- color: #009DFF;
3694
- }
3695
-
3696
- &:active,
3697
- &.__pseudo-states-active {
3698
- color: #005ED1;
3699
- }
3700
- &.ui-kit-link-disabled {
3701
- color: #0080FF;
3702
- }
3703
- &.ui-kit-link-primary {
3704
- color: #00122E;
3705
-
3706
- &:hover,
3707
- &.__pseudo-states-hover {
3708
- color: #0080FF;
3709
- }
3710
-
3711
- &:active,
3712
- &.__pseudo-states-active {
3713
- color: #005ED1;
3714
- }
3715
-
3716
- &.ui-kit-link-disabled {
3717
- color: #00122E;
3718
- }
3719
- }
3720
-
3721
- &.ui-kit-link-secondary {
3722
- color: #2C3852BF;
3723
-
3724
- &:hover,
3725
- &.__pseudo-states-hover {
3726
- color: #0080FF;
3727
- }
3728
-
3729
- &:active,
3730
- &.__pseudo-states-active {
3731
- color: #005ED1;
3732
- }
3733
-
3734
- &.ui-kit-link-disabled {
3735
- color: #2C3852BF;
3736
- }
3737
- }
3738
- }
3739
- }
3740
- }
3741
-
3742
-
3743
- .E_ckui4s7 {
3744
- color: $text-primary-light;
3745
- line-height: 22px;
3746
- display: inline-flex;
3747
- .ant-checkbox { height: 22px; display: flex; align-items: center; top: 0; } .ant-checkbox-checked::after { border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner { border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner { border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate { .ant-checkbox-inner { border: 1px solid $fills-light-general-general; } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner { background: $fills-light-general-general; &:after { background-color: $white; height: 2px; width: 10px; border-radius: 2px; } } &.ant-checkbox-wrapper-disabled { opacity: 0.5; .ant-checkbox-disabled .ant-checkbox-inner { background: $fills-light-trans-3; border-color: $strokes-light-trans-4 !important; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { border-color: $text-primary-light; } .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after { background: $text-primary-light; } } .ant-checkbox + span, .ant-checkbox-disabled + span { padding: 0; .main { display: inline-block; margin-left: 12px; color: $text-primary-light; } .sub { margin-left: 28px; color: $text-secondary-light; } } &.compact { .ant-checkbox + span, .ant-checkbox-disabled + span { .main { margin-left: 8px; } .sub { margin-left: 24px; } } }
3748
- }
3699
+ .E_ckui4s7 {
3700
+ color: $text-primary-light;
3701
+ line-height: 22px;
3702
+ display: inline-flex;
3703
+ .ant-checkbox { height: 22px; display: flex; align-items: center; top: 0; } .ant-checkbox-checked::after { border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner { border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner { border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate { .ant-checkbox-inner { border: 1px solid $fills-light-general-general; } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner { background: $fills-light-general-general; &:after { background-color: $white; height: 2px; width: 10px; border-radius: 2px; } } &.ant-checkbox-wrapper-disabled { opacity: 0.5; .ant-checkbox-disabled .ant-checkbox-inner { background: $fills-light-trans-3; border-color: $strokes-light-trans-4 !important; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { border-color: $text-primary-light; } .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after { background: $text-primary-light; } } .ant-checkbox + span, .ant-checkbox-disabled + span { padding: 0; .main { display: inline-block; margin-left: 12px; color: $text-primary-light; } .sub { margin-left: 28px; color: $text-secondary-light; } } &.compact { .ant-checkbox + span, .ant-checkbox-disabled + span { .main { margin-left: 8px; } .sub { margin-left: 24px; } } }
3704
+ }
3749
3705
 
3750
3706
 
3751
3707
  .E_c1kghdax {
@@ -3796,936 +3752,958 @@
3796
3752
  }
3797
3753
 
3798
3754
 
3799
- .E_c1yd35n {
3800
- padding: 0 12px 14px 12px;
3801
- }
3755
+ .E_l48ei06 {
3756
+ @at-root {
3757
+ button#{&}.ant-btn,
3758
+ button#{&}.ant-btn.ant-btn-sm,
3759
+ button#{&}.ant-btn.ant-btn-lg {
3760
+ font-size: 12px;
3761
+ line-height: 18px;
3762
+ height: 18px;
3763
+ }
3764
+ button#{&} {
3765
+ color: #0080FF;
3766
+ height: unset;
3767
+ .button-prefix-icon {
3768
+ margin-right: 4px;
3769
+ }
3770
+ .button-suffix-icon {
3771
+ margin-left: 4px;
3772
+ }
3802
3773
 
3774
+ &:hover,
3775
+ &.__pseudo-states-hover {
3776
+ color: #009DFF;
3777
+ }
3803
3778
 
3804
- .E_b14q2gmw {
3805
- box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3806
- 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3807
- 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3808
- 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3809
- 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3810
- 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3811
- 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3812
- 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3813
- }
3779
+ &:active,
3780
+ &.__pseudo-states-active {
3781
+ color: #005ED1;
3782
+ }
3783
+ &.ui-kit-link-disabled {
3784
+ color: #0080FF;
3785
+ }
3786
+ &.ui-kit-link-primary {
3787
+ color: #00122E;
3814
3788
 
3815
- .E_c1eym6el {
3816
- border-radius: 8px;
3817
- background-color: white;
3818
- &.hoverable {
3819
- cursor: pointer;
3789
+ &:hover,
3790
+ &.__pseudo-states-hover {
3791
+ color: #0080FF;
3792
+ }
3820
3793
 
3821
- &:hover {
3822
- transition: all 200ms ease;
3823
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3824
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3825
- transform: translateY(-4px);
3794
+ &:active,
3795
+ &.__pseudo-states-active {
3796
+ color: #005ED1;
3797
+ }
3798
+
3799
+ &.ui-kit-link-disabled {
3800
+ color: #00122E;
3801
+ }
3802
+ }
3803
+
3804
+ &.ui-kit-link-secondary {
3805
+ color: #2C3852BF;
3806
+
3807
+ &:hover,
3808
+ &.__pseudo-states-hover {
3809
+ color: #0080FF;
3810
+ }
3811
+
3812
+ &:active,
3813
+ &.__pseudo-states-active {
3814
+ color: #005ED1;
3815
+ }
3816
+
3817
+ &.ui-kit-link-disabled {
3818
+ color: #2C3852BF;
3819
+ }
3820
+ }
3826
3821
  }
3827
3822
  }
3828
3823
  }
3829
3824
 
3830
3825
 
3831
- .E_r77hffu {
3826
+ .E_l1ucdodl {
3827
+ $prefix: ui-kit-status-legend;
3828
+ margin: 0;
3829
+ border-radius: 20px;
3830
+ padding: 2px 10px;
3831
+ height: 22px;
3832
3832
  display: flex;
3833
3833
  align-items: center;
3834
- justify-content: space-between;
3835
- column-gap: 6px;
3836
- }
3837
3834
 
3838
- .E_p1cmxsf7 {
3839
- display: flex;
3840
- flex-direction: column;
3841
- justify-content: center;
3842
- row-gap: var(--p1cmxsf7-0);
3835
+ &.ui-kit-status-legend.on-tint {
3836
+ color: $text-neutral-ontint;
3837
+ }
3838
+ &.tag-hover {
3839
+ cursor: pointer;
3840
+ }
3843
3841
 
3844
- .antd5-progress-line {
3845
- font-size: 0;
3846
- margin-bottom: unset;
3847
- margin-inline-end: unset;
3842
+ &.#{$prefix} {
3843
+ color: $text-neutral-primary;
3844
+ .#{$prefix}-icon {
3845
+ margin-right: 6px;
3846
+ }
3847
+ .#{$prefix}-number {
3848
+ margin-left: 8px;
3849
+ color: #2C385299;
3850
+ &.#{$prefix}-number.on-tint {
3851
+ color: $text-neutral-ontint;
3852
+ }
3853
+ }
3854
+ &.eagle-legend-blue {
3855
+ .#{$prefix}-icon {
3856
+ background-color: $fill-outstanding-base;
3857
+ }
3858
+ }
3859
+ &.eagle-legend-red {
3860
+ .#{$prefix}-icon {
3861
+ background-color: $fill-serious-base;
3862
+ }
3863
+ }
3864
+ &.eagle-legend-yellow {
3865
+ .#{$prefix}-icon {
3866
+ background-color: $fill-notice-base;
3867
+ }
3868
+ }
3869
+ &.eagle-legend-green {
3870
+ .#{$prefix}-icon {
3871
+ background-color: $fill-positive-base;
3872
+ }
3873
+ }
3874
+ &.eagle-legend-gray {
3875
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
3876
+ background-color: $gray-70;
3877
+ }
3878
+ }
3879
+ &.eagle-legend-purple {
3880
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
3881
+ background-color: $purple-50;
3882
+ }
3883
+ }
3848
3884
  }
3849
3885
  }
3850
3886
 
3887
+ .E_s1qj66nc {
3888
+ width: 8px;
3889
+ height: 8px;
3890
+ border-radius: 50%;
3891
+ display: inline-block;
3892
+ }
3851
3893
 
3852
- .E_s11wux3h {
3853
- .antd5-segmented-item:not(:last-child) {
3854
- margin-right: 2px;
3855
- }
3894
+ .E_s5x1boq {
3895
+ width: 8px;
3896
+ height: 8px;
3897
+ border-radius: 2px;
3898
+ display: inline-block;
3856
3899
  }
3857
3900
 
3858
- .E_s1t2an3z {
3859
- &.antd5-segmented-sm .antd5-segmented-item-label {
3860
- padding-left: 8px;
3861
- padding-right: 8px;
3862
- }
3901
+ .E_c1xm185 {
3902
+ color: #2C385299;
3903
+ }
3863
3904
 
3864
- &.antd5-segmented-sm .antd5-segmented-item-selected {
3865
- border-radius: 4px;
3866
- }
3905
+ .E_c1x5l5qc {
3906
+ flex: 1;
3907
+ }
3867
3908
 
3868
- &.antd5-segmented
3869
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3870
- .antd5-segmented-item-disabled
3871
- ) {
3872
- border-radius: 4px;
3873
- }
3874
- }
3875
3909
 
3876
- .E_ma64lna {
3877
- .antd5-segmented-item-label {
3878
- padding-left: 12px;
3879
- padding-right: 12px;
3880
- }
3881
- }
3910
+ .E_sddwhm6 {
3911
+ $prefix: ui-kit-status-capsule;
3912
+ margin: 0;
3913
+ border-radius: 20px;
3914
+ padding: 2px 10px;
3915
+ height: 22px;
3882
3916
 
3883
- .E_ckld275 {
3884
- background-color: $fill-neutral-trans-2;
3885
- &.antd5-segmented
3886
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3887
- .antd5-segmented-item-disabled
3888
- ) {
3889
- background-color: $fill-neutral-light-white;
3890
- color: $text-neutral-secondary-light;
3891
- }
3892
- // on animate remove hover bg color
3893
- &.antd5-segmented
3894
- .antd5-segmented-thumb
3895
- ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3896
- .antd5-segmented-item-disabled
3897
- ) {
3898
- background-color: transparent;
3917
+ &.ant-tag.#{$prefix}.off-white {
3918
+ background-color: $fill-neutral-trans-1 !important;
3919
+ &.tag-hover:hover,
3920
+ &.__pseudo-states-hover {
3921
+ background-color: $fill-neutral-trans-2 !important;
3922
+ }
3899
3923
  }
3900
- // remove after's bg color
3901
- &.antd5-segmented
3902
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3903
- .antd5-segmented-item-disabled
3904
- )::after {
3905
- background-color: transparent;
3924
+ &.ant-tag.#{$prefix} {
3925
+ color: $text-neutral-primary;
3926
+ .#{$prefix}-icon {
3927
+ margin-right: 6px;
3928
+ }
3929
+ .#{$prefix}-number {
3930
+ margin-left: 8px;
3931
+ color: #2C385299;
3932
+ }
3933
+ &.ant-tag-blue {
3934
+ background-color: $fill-outstanding-light;
3935
+ .#{$prefix}-icon {
3936
+ background-color: $fill-outstanding-base;
3937
+ }
3938
+ &.tag-hover:hover,
3939
+ &.__pseudo-states-hover {
3940
+ background-color: $fill-outstanding-light-hover;
3941
+ }
3942
+ }
3943
+ &.ant-tag-red {
3944
+ background-color: $fill-serious-light;
3945
+ .#{$prefix}-icon {
3946
+ background-color: $fill-serious-base;
3947
+ }
3948
+ &.tag-hover:hover,
3949
+ &.__pseudo-states-hover {
3950
+ background-color: $fill-serious-light-hover;
3951
+ }
3952
+ }
3953
+ &.ant-tag-yellow {
3954
+ background-color: $fill-notice-light;
3955
+ .#{$prefix}-icon {
3956
+ background-color: $fill-notice-base;
3957
+ }
3958
+ &.tag-hover:hover,
3959
+ &.__pseudo-states-hover {
3960
+ background-color: $fill-notice-light-hover;
3961
+ }
3962
+ }
3963
+ &.ant-tag-green {
3964
+ background-color: $fill-positive-light;
3965
+ .#{$prefix}-icon {
3966
+ background-color: $fill-positive-base;
3967
+ }
3968
+ &.tag-hover:hover,
3969
+ &.__pseudo-states-hover {
3970
+ background-color: $fill-positive-light-hover;
3971
+ }
3972
+ }
3973
+ &.ant-tag-gray {
3974
+ background-color: $fill-neutral-trans-2;
3975
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3976
+ background-color: $gray-70;
3977
+ }
3978
+ &.tag-hover:hover,
3979
+ &.__pseudo-states-hover {
3980
+ background-color: $fill-neutral-trans-3-trans-2-hover;
3981
+ }
3982
+ }
3906
3983
  }
3907
3984
  }
3908
3985
 
3909
-
3910
- .E_lht19u8 {
3911
- width: 64px;
3912
- height: 64px;
3913
- display: flex;
3914
- align-items: center;
3915
- justify-content: center;
3916
- position: relative;
3917
- opacity: 0.2;
3986
+ .E_satwmqm {
3987
+ width: 8px;
3988
+ height: 8px;
3989
+ border-radius: 50%;
3990
+ display: inline-block;
3918
3991
  }
3919
3992
 
3920
- .E_lk3gkp4 {
3921
- position: absolute;
3922
- width: 5px;
3923
- height: 48px;
3924
- left: 9.33px;
3925
- top: 40.5px;
3926
-
3927
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3928
- border-radius: 5px;
3929
- transform: rotate(-128deg);
3930
- transform-origin: top left;
3931
3993
 
3932
- animation: loading-indicator1 1100ms ease-out infinite;
3994
+ .E_tc97u5y {
3995
+ height: 100%;
3933
3996
  }
3934
3997
 
3935
- .E_ll4n94n {
3936
- position: absolute;
3937
- width: 5px;
3938
- height: 48px;
3939
- left: 40.8px;
3940
- top: 8.4px;
3941
-
3942
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3943
- border-radius: 5px;
3944
- transform: rotate(-8deg);
3945
- transform-origin: top left;
3946
-
3947
- animation: loading-indicator2 1100ms ease-out infinite;
3948
- }
3998
+ .E_efzf37v {
3999
+ .ant-table-content,
4000
+ .ant-table-body {
4001
+ overflow: visible !important;
4002
+ height: 100%;
4003
+ }
3949
4004
 
3950
- .E_l17lbdo6 {
3951
- position: absolute;
3952
- width: 5px;
3953
- height: 48px;
3954
- left: 52.9px;
3955
- top: 51.8px;
4005
+ .ant-table-tbody .ant-table-placeholder td {
4006
+ height: 100%;
4007
+ }
3956
4008
 
3957
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3958
- border-radius: 5px;
3959
- transform: rotate(112deg);
3960
- transform-origin: top left;
4009
+ table {
4010
+ width: 100% !important;
4011
+ height: 100%;
4012
+ .ant-table-placeholder .ant-table-expanded-row-fixed {
4013
+ padding: 15px 0;
4014
+ }
4015
+ }
3961
4016
 
3962
- animation: loading-indicator3 1100ms ease-out infinite;
4017
+ table thead.ant-table-thead {
4018
+ display: none;
4019
+ }
3963
4020
  }
3964
4021
 
4022
+ .E_t1fisho6 {
4023
+ height: 100%;
3965
4024
 
3966
- .E_m11nzl2x {
3967
- color: $text-light-secondary;
3968
- text-align: center;
4025
+ .ant-table.ant-table-small .ant-table-tbody > tr > td {
4026
+ padding-top: 6px;
4027
+ padding-bottom: 6px;
4028
+ }
3969
4029
 
3970
- display: flex;
3971
- align-items: center;
3972
- justify-content: center;
3973
- flex-direction: column;
3974
- height: 100%;
4030
+ .active-row td:nth-child(1) {
4031
+ font-weight: 700;
4032
+ }
4033
+ &.has-selection .active-row td:nth-child(2) {
4034
+ font-weight: 700;
4035
+ }
3975
4036
 
3976
- .link {
3977
- color: $text-light-general;
3978
- cursor: pointer;
4037
+ .ant-spin-nested-loading {
4038
+ height: 100%;
4039
+
4040
+ .ant-spin-container {
4041
+ height: 100%;
4042
+ overflow: visible;
4043
+ }
4044
+ .ant-spin {
4045
+ max-height: none;
4046
+ }
3979
4047
  }
3980
- }
3981
4048
 
3982
- .E_mn7joto {
3983
- width: 100%;
3984
- height: 100%;
3985
- display: flex;
3986
- flex-direction: column;
4049
+ td.ant-table-column-sort {
4050
+ background: transparent;
4051
+ }
3987
4052
 
3988
- .name-toolbar {
3989
- width: 100%;
3990
- display: flex;
3991
- line-height: 30px;
3992
- justify-content: space-between;
3993
- .metric-extra {
4053
+ td.ant-table-cell-fix-left,
4054
+ td.ant-table-cell-fix-right {
4055
+ background: #fff;
4056
+ padding: 0 !important;
4057
+ .ant-table-cell-content {
3994
4058
  display: flex;
3995
- font-size: 12px;
3996
4059
  align-items: center;
3997
-
3998
- .info-item {
3999
- color: $gray-60;
4000
- }
4001
- .info-item + .info-item {
4002
- margin-left: 10px;
4003
- }
4004
-
4005
- .menu-trigger {
4006
- margin-left: 10px;
4007
- cursor: pointer;
4060
+ height: 100%;
4061
+ padding: 8px;
4062
+ > span {
4063
+ overflow: hidden;
4064
+ text-overflow: ellipsis;
4065
+ width: 100%;
4008
4066
  }
4009
4067
  }
4010
4068
  }
4011
4069
 
4012
- .content {
4013
- flex: 1;
4014
- width: 100%;
4015
- display: flex;
4016
- justify-content: center;
4017
- align-items: center;
4018
- }
4019
- .single-content {
4020
- height: 65px;
4070
+ .ant-table-container {
4071
+ height: 100%;
4072
+ &::before,
4073
+ &::after {
4074
+ box-shadow: none !important;
4075
+ }
4021
4076
  }
4022
- }
4023
-
4024
- .E_l1bifhon {
4025
- display: flex;
4026
- align-items: center;
4027
- white-space: nowrap;
4028
- overflow: hidden;
4029
- width: 100%;
4030
4077
 
4031
- .ant-dropdown-trigger {
4078
+ div.ant-table {
4079
+ $columnAlignRightPaddingRight: 25px;
4080
+ border-radius: 0px;
4081
+ border-left: none;
4082
+ border-right: none;
4083
+ border-bottom: none;
4084
+ height: 100%;
4032
4085
  font-size: 12px;
4033
- margin-left: 8px;
4034
- }
4035
- }
4036
-
4037
- .E_ltthzck {
4038
- display: flex;
4039
- justify-content: flex-start;
4040
- align-items: center;
4041
- font-size: 12px;
4042
- cursor: pointer;
4043
- &:not(:first-child) {
4044
- margin-left: 8px;
4045
- }
4046
-
4047
- &.deselected,
4048
- &.hovering {
4049
- opacity: 0.3;
4086
+ background: transparent;
4050
4087
 
4051
- &:not(.hoverering-self) .color-block {
4052
- background: #b4beca !important;
4053
- border-radius: 2px;
4088
+ .ant-table-header {
4089
+ position: relative;
4090
+ z-index: $table-header-index;
4091
+ border-bottom: 1px solid $strokes-light-trans-2;
4092
+ margin-bottom: -1px;
4054
4093
  }
4055
- }
4056
- &.hoverering-self {
4057
- opacity: 1;
4058
- }
4059
- .dropdown-trigger {
4060
- margin-left: 12px;
4061
- }
4062
- }
4063
-
4064
- .E_l1mumj7o {
4065
- display: flex;
4066
- justify-content: flex-start;
4067
- align-items: center;
4068
- font-size: 12px;
4069
- cursor: pointer;
4070
-
4071
- &.deselected,
4072
- &.hovering {
4073
- opacity: 0.3;
4074
4094
 
4075
- &:not(.hoverering-self) .color-block {
4076
- background: #b4beca !important;
4077
- border-radius: 2px;
4095
+ .time-wrapper .date,
4096
+ .value {
4097
+ color: $text-primary-light;
4078
4098
  }
4079
- }
4080
- &.hoverering-self {
4081
- opacity: 1;
4082
- }
4083
- }
4084
-
4085
- .E_c14rn6j5 {
4086
- display: inline-block;
4087
- height: 8px;
4088
- width: 8px;
4089
- margin-right: 6px;
4090
- border-radius: 2px;
4091
- }
4092
4099
 
4093
- .E_e45tc5l {
4094
- .ant-dropdown-menu-item {
4095
- display: flex;
4096
- align-items: center;
4097
- font-size: 12px;
4098
- margin: 0;
4099
- }
4100
- }
4100
+ .time-wrapper .time,
4101
+ .unit {
4102
+ color: $text-secondary-light;
4103
+ }
4101
4104
 
4102
- .E_lqeaosa {
4103
- position: relative;
4105
+ .ant-table-selection {
4106
+ position: unset;
4107
+ text-align: center;
4108
+ }
4104
4109
 
4105
- &.hidden-xaxis .pointer-wrapper {
4106
- bottom: -12px;
4107
- }
4110
+ .ant-table-tbody > tr.ant-table-row-selected td {
4111
+ background: $white;
4112
+ }
4108
4113
 
4109
- .metric-toolbar {
4110
- display: flex;
4111
- justify-content: space-between;
4112
- line-height: 30px;
4113
- .metric-extra {
4114
- display: flex;
4115
- flex-shrink: 0;
4116
- font-size: 12px;
4117
- align-items: center;
4114
+ .anticon-setting {
4115
+ cursor: pointer;
4116
+ position: absolute;
4117
+ top: 50%;
4118
+ right: 12px;
4119
+ transform: translateY(-50%);
4120
+ }
4118
4121
 
4119
- .info-item {
4120
- color: $gray-60;
4121
- }
4122
- .info-item + .info-item {
4123
- margin-left: 10px;
4122
+ &.ant-table-ping-left {
4123
+ .ant-table-cell-fix-left-last::after {
4124
+ box-shadow: none;
4125
+ width: 1px;
4126
+ background: rgba(213, 219, 227, 0.6);
4124
4127
  }
4128
+ }
4125
4129
 
4126
- .menu-trigger {
4127
- margin-left: 10px;
4128
- cursor: pointer;
4130
+ &.ant-table-ping-right {
4131
+ .ant-table-cell-fix-right-first::after {
4132
+ box-shadow: none;
4133
+ width: 1px;
4134
+ background: rgba(213, 219, 227, 0.6);
4129
4135
  }
4130
4136
  }
4131
- }
4132
4137
 
4133
- .recharts-xAxis {
4134
- font-size: 12px;
4135
- }
4138
+ .ant-table-tbody {
4139
+ position: relative;
4140
+ .ant-table-row {
4141
+ td {
4142
+ border-top: 1px solid $strokes-light-trans-2;
4143
+ border-bottom: 1px solid white;
4144
+ height: 40px;
4145
+ vertical-align: middle;
4146
+ transition: background 0ms;
4147
+ color: $gray-120;
4136
4148
 
4137
- .pointer-wrapper {
4138
- position: absolute;
4139
- bottom: 10px;
4140
- padding: 0 8px;
4141
- font-size: 12px;
4142
- color: $white;
4143
- transform: translateX(-50%);
4144
- }
4145
- }
4149
+ &.header-hover {
4150
+ background: $fills-light-opaque-1;
4151
+ border-bottom-color: $fills-light-opaque-1;
4152
+ }
4146
4153
 
4147
- .E_t2pr38p {
4148
- min-width: 200px;
4149
- background-color: $fill-neutral-trans-8;
4150
- border-radius: 4px;
4151
- box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
4152
- padding: 8px;
4153
- }
4154
+ .ant-btn.ant-btn-link {
4155
+ height: auto;
4156
+ color: $gray-120;
4157
+ font-size: 12px;
4158
+ text-align: left;
4159
+ transition: none;
4160
+ overflow: hidden;
4161
+ text-overflow: ellipsis;
4162
+ white-space: nowrap;
4154
4163
 
4155
- .E_tecdsj7 {
4156
- display: flex;
4157
- align-items: center;
4158
- background-color: unset;
4159
- color: $text-neutral-ontint;
4160
- justify-content: space-between;
4161
- font-size: 12px;
4162
- padding-top: 6px;
4164
+ &:hover {
4165
+ color: $blue;
4166
+ }
4163
4167
 
4164
- &:first-child {
4165
- padding-top: 3px;
4166
- }
4167
- &:last-child {
4168
- padding-bottom: 3px;
4169
- }
4170
- .column-value {
4171
- color: $text-neutral-ontint;
4172
- margin-left: 8px;
4173
- }
4174
- }
4168
+ > span {
4169
+ overflow: hidden;
4170
+ text-overflow: ellipsis;
4171
+ width: 100%;
4172
+ vertical-align: middle;
4173
+ }
4174
+ }
4175
4175
 
4176
- .E_ljhvvia {
4177
- display: inline-block;
4178
- height: 8px;
4179
- width: 8px;
4180
- margin-right: 8px;
4181
- border-radius: 2px;
4182
- &.borderd {
4183
- border: 1px solid $stroke-neutral-white;
4184
- }
4185
- }
4176
+ &.cell_status {
4177
+ line-height: 0px;
4178
+ }
4179
+ &.align-right {
4180
+ padding-right: $columnAlignRightPaddingRight;
4181
+ }
4182
+ }
4186
4183
 
4184
+ &:hover {
4185
+ & + tr td {
4186
+ border-top-color: transparent;
4187
+ }
4188
+ td {
4189
+ background: $fills-trans-secondary-light;
4190
+ border-color: transparent transparent white;
4187
4191
 
4188
- .E_sddwhm6 {
4189
- $prefix: ui-kit-status-capsule;
4190
- margin: 0;
4191
- border-radius: 20px;
4192
- padding: 2px 10px;
4193
- height: 22px;
4192
+ &:first-child {
4193
+ border-radius: 8px 0 0 8px;
4194
+ .ant-table-cell-content {
4195
+ border-radius: 8px 0 0 8px;
4196
+ }
4197
+ &::before {
4198
+ content: "";
4199
+ width: 4px;
4200
+ top: -1px;
4201
+ bottom: -1px;
4202
+ background: white;
4203
+ }
4204
+ }
4205
+ &:last-child {
4206
+ border-radius: 0 8px 8px 0;
4207
+ }
4208
+ &:last-child.cell__action_ {
4209
+ border-radius: 0;
4210
+ background: white;
4211
+ border-top: none;
4194
4212
 
4195
- &.ant-tag.#{$prefix}.off-white {
4196
- background-color: $fill-neutral-trans-1 !important;
4197
- &.tag-hover:hover,
4198
- &.__pseudo-states-hover {
4199
- background-color: $fill-neutral-trans-2 !important;
4200
- }
4201
- }
4202
- &.ant-tag.#{$prefix} {
4203
- color: $text-neutral-primary;
4204
- .#{$prefix}-icon {
4205
- margin-right: 6px;
4206
- }
4207
- .#{$prefix}-number {
4208
- margin-left: 8px;
4209
- color: #2C385299;
4210
- }
4211
- &.ant-tag-blue {
4212
- background-color: $fill-outstanding-light;
4213
- .#{$prefix}-icon {
4214
- background-color: $fill-outstanding-base;
4215
- }
4216
- &.tag-hover:hover,
4217
- &.__pseudo-states-hover {
4218
- background-color: $fill-outstanding-light-hover;
4219
- }
4220
- }
4221
- &.ant-tag-red {
4222
- background-color: $fill-serious-light;
4223
- .#{$prefix}-icon {
4224
- background-color: $fill-serious-base;
4225
- }
4226
- &.tag-hover:hover,
4227
- &.__pseudo-states-hover {
4228
- background-color: $fill-serious-light-hover;
4229
- }
4230
- }
4231
- &.ant-tag-yellow {
4232
- background-color: $fill-notice-light;
4233
- .#{$prefix}-icon {
4234
- background-color: $fill-notice-base;
4235
- }
4236
- &.tag-hover:hover,
4237
- &.__pseudo-states-hover {
4238
- background-color: $fill-notice-light-hover;
4239
- }
4240
- }
4241
- &.ant-tag-green {
4242
- background-color: $fill-positive-light;
4243
- .#{$prefix}-icon {
4244
- background-color: $fill-positive-base;
4245
- }
4246
- &.tag-hover:hover,
4247
- &.__pseudo-states-hover {
4248
- background-color: $fill-positive-light-hover;
4249
- }
4250
- }
4251
- &.ant-tag-gray {
4252
- background-color: $fill-neutral-trans-2;
4253
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4254
- background-color: $gray-70;
4255
- }
4256
- &.tag-hover:hover,
4257
- &.__pseudo-states-hover {
4258
- background-color: $fill-neutral-trans-3-trans-2-hover;
4259
- }
4260
- }
4261
- }
4262
- }
4213
+ > * {
4214
+ border-top: 1px solid transparent;
4215
+ border-radius: 0 8px 8px 0;
4216
+ background: $fills-trans-secondary-light;
4217
+ }
4218
+ }
4219
+ &.ant-table-cell-fix-right {
4220
+ background: white;
4221
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
4222
+ .ant-table-cell-content {
4223
+ display: flex;
4224
+ align-items: center;
4225
+ height: 100%;
4226
+ background: $fills-trans-secondary-light;
4227
+ }
4228
+ }
4263
4229
 
4264
- .E_satwmqm {
4265
- width: 8px;
4266
- height: 8px;
4267
- border-radius: 50%;
4268
- display: inline-block;
4269
- }
4230
+ &.ant-table-cell-fix-left {
4231
+ background: white;
4232
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
4233
+ .ant-table-cell-content {
4234
+ display: flex;
4235
+ align-items: center;
4236
+ height: 100%;
4237
+ background: $fills-trans-secondary-light;
4238
+ }
4239
+ }
4240
+ }
4241
+ }
4270
4242
 
4243
+ &:last-child td {
4244
+ border-bottom: 1px solid $strokes-light-trans-2;
4245
+ }
4271
4246
 
4272
- .E_t1gvlxt5 {
4273
- min-width: 0;
4274
- flex: 1;
4275
- .tag {
4276
- flex: 0 0 auto;
4277
- }
4278
- .progress-title {
4279
- flex: 2;
4280
- max-width: fit-content;
4281
- }
4282
- .progress-desc {
4283
- flex: 1;
4284
- max-width: fit-content;
4285
- }
4286
- }
4247
+ &.active-row {
4248
+ box-shadow: inset 0px 0px 0 2px $blue-a10;
4249
+ border-radius: 8px;
4287
4250
 
4288
- .E_a1ji6r68 {
4289
- display: flex;
4290
- align-items: center;
4291
- column-gap: var(--a1ji6r68-0);
4292
- }
4251
+ & + tr td {
4252
+ border-top-color: white;
4253
+ }
4254
+ td {
4255
+ background: $blue-a10;
4256
+ border-bottom-color: transparent;
4257
+ border-top-color: transparent;
4293
4258
 
4259
+ &:first-child {
4260
+ border-radius: 8px 0 0 8px;
4261
+ }
4262
+ &:last-child {
4263
+ border-radius: 0 8px 8px 0;
4264
+ }
4265
+ &:hover {
4266
+ background: $blue-a10;
4267
+ }
4268
+ }
4269
+ }
4270
+ }
4271
+ }
4294
4272
 
4295
- .E_tc97u5y {
4296
- height: 100%;
4297
- }
4273
+ .ant-table-thead {
4274
+ > tr > th {
4275
+ background: $white;
4276
+ font-weight: 400;
4277
+ position: relative;
4278
+ border-bottom: none;
4279
+ color: $gray-120;
4280
+ transition: none;
4281
+ padding: 14px 8px 14px 8px;
4282
+ line-height: 20px;
4298
4283
 
4299
- .E_efzf37v {
4300
- .ant-table-content {
4301
- overflow: visible !important;
4302
- height: 100%;
4303
- }
4284
+ &:not(:last-child):after {
4285
+ content: "";
4286
+ width: 1px;
4287
+ top: 0;
4288
+ bottom: 0;
4289
+ background: $strokes-light-trans-2;
4290
+ position: absolute;
4291
+ right: 0;
4292
+ }
4304
4293
 
4305
- .ant-table-tbody .ant-table-placeholder td {
4306
- height: 100%;
4307
- }
4294
+ &.is-blank {
4295
+ padding: unset;
4308
4296
 
4309
- table {
4310
- width: 100% !important;
4311
- height: 100%;
4312
- .ant-table-placeholder .ant-table-expanded-row-fixed {
4313
- padding: 15px 0;
4314
- }
4315
- }
4297
+ &:after {
4298
+ display: none;
4299
+ }
4300
+ }
4316
4301
 
4317
- table thead.ant-table-thead {
4318
- display: none;
4319
- }
4320
- }
4302
+ &.ant-table-cell-ellipsis.ant-table-column-has-sorters
4303
+ .ant-table-column-sorters {
4304
+ width: 100%;
4305
+ overflow: hidden;
4306
+ white-space: nowrap;
4307
+ text-overflow: ellipsis;
4308
+ > span {
4309
+ overflow: hidden;
4310
+ text-overflow: ellipsis;
4311
+ flex: 1;
4312
+ }
4313
+ }
4321
4314
 
4322
- .E_t1fisho6 {
4323
- height: 100%;
4315
+ &.ant-table-column-has-sorters {
4316
+ padding: 15px $columnAlignRightPaddingRight 15px 8px;
4324
4317
 
4325
- .ant-table.ant-table-small .ant-table-tbody > tr > td {
4326
- padding-top: 6px;
4327
- padding-bottom: 6px;
4328
- }
4318
+ .ant-table-column-sorters {
4319
+ padding: 0;
4320
+ .order-icon {
4321
+ position: absolute;
4322
+ right: 6px;
4323
+ top: 50%;
4324
+ transform: translateY(-50%);
4325
+ height: 16px;
4326
+ display: none;
4327
+ transition: transform 320ms ease;
4329
4328
 
4330
- .active-row td:nth-child(1) {
4331
- font-weight: 700;
4332
- }
4333
- &.has-selection .active-row td:nth-child(2) {
4334
- font-weight: 700;
4335
- }
4329
+ &.descend {
4330
+ display: block;
4331
+ transform: translateY(-50%) rotateX(180deg);
4332
+ }
4333
+ &.ascend {
4334
+ display: block;
4335
+ }
4336
+ }
4337
+ }
4338
+ .ant-table-column-sorter {
4339
+ display: none;
4340
+ }
4341
+ }
4336
4342
 
4337
- .ant-spin-nested-loading {
4338
- height: 100%;
4343
+ &:active {
4344
+ .ant-table-column-sorters .order-icon {
4345
+ &.descend {
4346
+ transform: translateY(-50%);
4347
+ }
4348
+ &.ascend {
4349
+ transform: translateY(-50%) rotateX(180deg);
4350
+ }
4351
+ }
4352
+ }
4339
4353
 
4340
- .ant-spin-container {
4341
- height: 100%;
4342
- overflow: visible;
4343
- }
4344
- .ant-spin {
4345
- max-height: none;
4354
+ &:hover:not(.is-blank) {
4355
+ background: $fills-light-opaque-1;
4356
+ .ant-table-column-sorters .order-icon {
4357
+ display: block;
4358
+ }
4359
+ }
4360
+ &.align-right {
4361
+ padding-right: $columnAlignRightPaddingRight;
4362
+ }
4363
+ }
4346
4364
  }
4347
- }
4348
4365
 
4349
- td.ant-table-column-sort {
4350
- background: transparent;
4351
- }
4366
+ .ant-table-selection-column {
4367
+ padding: 0 !important;
4352
4368
 
4353
- td.ant-table-cell-fix-left,
4354
- td.ant-table-cell-fix-right {
4355
- background: #fff;
4356
- padding: 0 !important;
4357
- .ant-table-cell-content {
4358
- display: flex;
4359
- align-items: center;
4360
- height: 100%;
4361
- padding: 8px;
4362
- > span {
4363
- overflow: hidden;
4364
- text-overflow: ellipsis;
4365
- width: 100%;
4369
+ .ant-checkbox-wrapper {
4370
+ position: absolute;
4371
+ left: 50%;
4372
+ top: 50%;
4373
+ transform: translate(-50%, -50%);
4374
+ }
4375
+ &:after {
4376
+ display: none;
4366
4377
  }
4367
4378
  }
4368
- }
4369
4379
 
4370
- .ant-table-container {
4371
- height: 100%;
4372
- &::before,
4373
- &::after {
4374
- box-shadow: none !important;
4380
+ .ant-table-hide-scrollbar {
4381
+ background: $white;
4375
4382
  }
4376
- }
4383
+ .ant-table-placeholder {
4384
+ background: inherit;
4377
4385
 
4378
- div.ant-table {
4379
- $columnAlignRightPaddingRight: 25px;
4380
- border-radius: 0px;
4381
- border-left: none;
4382
- border-right: none;
4383
- border-bottom: none;
4384
- height: 100%;
4385
- font-size: 12px;
4386
- background: transparent;
4386
+ td {
4387
+ position: static;
4388
+ border: none;
4389
+ background: inherit !important;
4390
+ height: 100px;
4391
+ vertical-align: middle;
4392
+ }
4387
4393
 
4388
- .ant-table-header {
4389
- position: relative;
4390
- z-index: $table-header-index;
4391
- border-bottom: 1px solid $strokes-light-trans-2;
4392
- margin-bottom: -1px;
4394
+ .table-default-empty,
4395
+ .ant-table-expanded-row-fixed {
4396
+ font-weight: bold;
4397
+ font-size: 20px;
4398
+ color: $text-terdiary-light;
4399
+ }
4393
4400
  }
4394
-
4395
- .time-wrapper .date,
4396
- .value {
4397
- color: $text-primary-light;
4401
+ th.ant-table-cell-scrollbar,
4402
+ th.cell__action_ {
4403
+ z-index: 10;
4398
4404
  }
4405
+ td.cell__action_ {
4406
+ padding: 0 !important;
4407
+ position: relative;
4408
+ background: $white;
4409
+ > * {
4410
+ height: 100%;
4411
+ display: flex;
4412
+ align-items: center;
4413
+ justify-content: flex-end;
4414
+ padding-right: 8px;
4415
+ }
4416
+ .menu-button {
4417
+ width: 24px;
4418
+ height: 24px;
4419
+ cursor: pointer;
4420
+ justify-content: center;
4421
+ border-radius: 4px;
4399
4422
 
4400
- .time-wrapper .time,
4401
- .unit {
4402
- color: $text-secondary-light;
4423
+ &:hover {
4424
+ background: $white;
4425
+ }
4426
+ }
4403
4427
  }
4428
+ }
4429
+ }
4430
+
4431
+
4432
+ .E_m11nzl2x {
4433
+ color: $text-light-secondary;
4434
+ text-align: center;
4435
+
4436
+ display: flex;
4437
+ align-items: center;
4438
+ justify-content: center;
4439
+ flex-direction: column;
4440
+ height: 100%;
4404
4441
 
4405
- .ant-table-selection {
4406
- position: unset;
4407
- text-align: center;
4408
- }
4442
+ .link {
4443
+ color: $text-light-general;
4444
+ cursor: pointer;
4445
+ }
4446
+ }
4409
4447
 
4410
- .ant-table-tbody > tr.ant-table-row-selected td {
4411
- background: $white;
4412
- }
4448
+ .E_mn7joto {
4449
+ width: 100%;
4450
+ height: 100%;
4451
+ display: flex;
4452
+ flex-direction: column;
4413
4453
 
4414
- .anticon-setting {
4415
- cursor: pointer;
4416
- position: absolute;
4417
- top: 50%;
4418
- right: 12px;
4419
- transform: translateY(-50%);
4420
- }
4454
+ .name-toolbar {
4455
+ width: 100%;
4456
+ display: flex;
4457
+ line-height: 30px;
4458
+ justify-content: space-between;
4459
+ .metric-extra {
4460
+ display: flex;
4461
+ font-size: 12px;
4462
+ align-items: center;
4421
4463
 
4422
- &.ant-table-ping-left {
4423
- .ant-table-cell-fix-left-last::after {
4424
- box-shadow: none;
4425
- width: 1px;
4426
- background: rgba(213, 219, 227, 0.6);
4464
+ .info-item {
4465
+ color: $gray-60;
4466
+ }
4467
+ .info-item + .info-item {
4468
+ margin-left: 10px;
4427
4469
  }
4428
- }
4429
4470
 
4430
- &.ant-table-ping-right {
4431
- .ant-table-cell-fix-right-first::after {
4432
- box-shadow: none;
4433
- width: 1px;
4434
- background: rgba(213, 219, 227, 0.6);
4471
+ .menu-trigger {
4472
+ margin-left: 10px;
4473
+ cursor: pointer;
4435
4474
  }
4436
4475
  }
4476
+ }
4437
4477
 
4438
- .ant-table-tbody {
4439
- position: relative;
4440
- .ant-table-row {
4441
- td {
4442
- border-top: 1px solid $strokes-light-trans-2;
4443
- border-bottom: 1px solid white;
4444
- height: 40px;
4445
- vertical-align: middle;
4446
- transition: background 0ms;
4447
- color: $gray-120;
4478
+ .content {
4479
+ flex: 1;
4480
+ width: 100%;
4481
+ display: flex;
4482
+ justify-content: center;
4483
+ align-items: center;
4484
+ }
4485
+ .single-content {
4486
+ height: 65px;
4487
+ }
4488
+ }
4448
4489
 
4449
- &.header-hover {
4450
- background: $fills-light-opaque-1;
4451
- border-bottom-color: $fills-light-opaque-1;
4452
- }
4490
+ .E_l1bifhon {
4491
+ display: flex;
4492
+ align-items: center;
4493
+ white-space: nowrap;
4494
+ overflow: hidden;
4495
+ width: 100%;
4453
4496
 
4454
- .ant-btn.ant-btn-link {
4455
- height: auto;
4456
- color: $gray-120;
4457
- font-size: 12px;
4458
- text-align: left;
4459
- transition: none;
4460
- overflow: hidden;
4461
- text-overflow: ellipsis;
4462
- white-space: nowrap;
4497
+ .ant-dropdown-trigger {
4498
+ font-size: 12px;
4499
+ margin-left: 8px;
4500
+ }
4501
+ }
4463
4502
 
4464
- &:hover {
4465
- color: $blue;
4466
- }
4503
+ .E_ltthzck {
4504
+ display: flex;
4505
+ justify-content: flex-start;
4506
+ align-items: center;
4507
+ font-size: 12px;
4508
+ cursor: pointer;
4509
+ &:not(:first-child) {
4510
+ margin-left: 8px;
4511
+ }
4467
4512
 
4468
- > span {
4469
- overflow: hidden;
4470
- text-overflow: ellipsis;
4471
- width: 100%;
4472
- vertical-align: middle;
4473
- }
4474
- }
4513
+ &.deselected,
4514
+ &.hovering {
4515
+ opacity: 0.3;
4475
4516
 
4476
- &.cell_status {
4477
- line-height: 0px;
4478
- }
4479
- &.align-right {
4480
- padding-right: $columnAlignRightPaddingRight;
4481
- }
4482
- }
4517
+ &:not(.hoverering-self) .color-block {
4518
+ background: #b4beca !important;
4519
+ border-radius: 2px;
4520
+ }
4521
+ }
4522
+ &.hoverering-self {
4523
+ opacity: 1;
4524
+ }
4525
+ .dropdown-trigger {
4526
+ margin-left: 12px;
4527
+ }
4528
+ }
4483
4529
 
4484
- &:hover {
4485
- & + tr td {
4486
- border-top-color: transparent;
4487
- }
4488
- td {
4489
- background: $fills-trans-secondary-light;
4490
- border-color: transparent transparent white;
4530
+ .E_l1mumj7o {
4531
+ display: flex;
4532
+ justify-content: flex-start;
4533
+ align-items: center;
4534
+ font-size: 12px;
4535
+ cursor: pointer;
4491
4536
 
4492
- &:first-child {
4493
- border-radius: 8px 0 0 8px;
4494
- .ant-table-cell-content {
4495
- border-radius: 8px 0 0 8px;
4496
- }
4497
- &::before {
4498
- content: "";
4499
- width: 4px;
4500
- top: -1px;
4501
- bottom: -1px;
4502
- background: white;
4503
- }
4504
- }
4505
- &:last-child {
4506
- border-radius: 0 8px 8px 0;
4507
- }
4508
- &:last-child.cell__action_ {
4509
- border-radius: 0;
4510
- background: white;
4511
- border-top: none;
4537
+ &.deselected,
4538
+ &.hovering {
4539
+ opacity: 0.3;
4512
4540
 
4513
- > * {
4514
- border-top: 1px solid transparent;
4515
- border-radius: 0 8px 8px 0;
4516
- background: $fills-trans-secondary-light;
4517
- }
4518
- }
4519
- &.ant-table-cell-fix-right {
4520
- background: white;
4521
- border-top: 1px solid rgba(211, 218, 235, 0.6);
4522
- .ant-table-cell-content {
4523
- display: flex;
4524
- align-items: center;
4525
- height: 100%;
4526
- background: $fills-trans-secondary-light;
4527
- }
4528
- }
4541
+ &:not(.hoverering-self) .color-block {
4542
+ background: #b4beca !important;
4543
+ border-radius: 2px;
4544
+ }
4545
+ }
4546
+ &.hoverering-self {
4547
+ opacity: 1;
4548
+ }
4549
+ }
4529
4550
 
4530
- &.ant-table-cell-fix-left {
4531
- background: white;
4532
- border-top: 1px solid rgba(211, 218, 235, 0.6);
4533
- .ant-table-cell-content {
4534
- display: flex;
4535
- align-items: center;
4536
- height: 100%;
4537
- background: $fills-trans-secondary-light;
4538
- }
4539
- }
4540
- }
4541
- }
4551
+ .E_c14rn6j5 {
4552
+ display: inline-block;
4553
+ height: 8px;
4554
+ width: 8px;
4555
+ margin-right: 6px;
4556
+ border-radius: 2px;
4557
+ }
4542
4558
 
4543
- &:last-child td {
4544
- border-bottom: 1px solid $strokes-light-trans-2;
4545
- }
4559
+ .E_e45tc5l {
4560
+ .ant-dropdown-menu-item {
4561
+ display: flex;
4562
+ align-items: center;
4563
+ font-size: 12px;
4564
+ margin: 0;
4565
+ }
4566
+ }
4546
4567
 
4547
- &.active-row {
4548
- box-shadow: inset 0px 0px 0 2px $blue-a10;
4549
- border-radius: 8px;
4568
+ .E_lqeaosa {
4569
+ position: relative;
4550
4570
 
4551
- & + tr td {
4552
- border-top-color: white;
4553
- }
4554
- td {
4555
- background: $blue-a10;
4556
- border-bottom-color: transparent;
4557
- border-top-color: transparent;
4571
+ &.hidden-xaxis .pointer-wrapper {
4572
+ bottom: -12px;
4573
+ }
4574
+
4575
+ .metric-toolbar {
4576
+ display: flex;
4577
+ justify-content: space-between;
4578
+ line-height: 30px;
4579
+ .metric-extra {
4580
+ display: flex;
4581
+ flex-shrink: 0;
4582
+ font-size: 12px;
4583
+ align-items: center;
4558
4584
 
4559
- &:first-child {
4560
- border-radius: 8px 0 0 8px;
4561
- }
4562
- &:last-child {
4563
- border-radius: 0 8px 8px 0;
4564
- }
4565
- &:hover {
4566
- background: $blue-a10;
4567
- }
4568
- }
4569
- }
4585
+ .info-item {
4586
+ color: $gray-60;
4587
+ }
4588
+ .info-item + .info-item {
4589
+ margin-left: 10px;
4590
+ }
4591
+
4592
+ .menu-trigger {
4593
+ margin-left: 10px;
4594
+ cursor: pointer;
4570
4595
  }
4571
4596
  }
4597
+ }
4572
4598
 
4573
- .ant-table-thead {
4574
- > tr > th {
4575
- background: $white;
4576
- font-weight: 400;
4577
- position: relative;
4578
- border-bottom: none;
4579
- color: $gray-120;
4580
- transition: none;
4581
- padding: 14px 8px 14px 8px;
4582
- line-height: 20px;
4599
+ .recharts-xAxis {
4600
+ font-size: 12px;
4601
+ }
4583
4602
 
4584
- &:not(:last-child):after {
4585
- content: "";
4586
- width: 1px;
4587
- top: 0;
4588
- bottom: 0;
4589
- background: $strokes-light-trans-2;
4590
- position: absolute;
4591
- right: 0;
4592
- }
4603
+ .pointer-wrapper {
4604
+ position: absolute;
4605
+ bottom: 10px;
4606
+ padding: 0 8px;
4607
+ font-size: 12px;
4608
+ color: $white;
4609
+ transform: translateX(-50%);
4610
+ }
4611
+ }
4593
4612
 
4594
- &.is-blank {
4595
- padding: unset;
4613
+ .E_t2pr38p {
4614
+ min-width: 200px;
4615
+ background-color: $fill-neutral-trans-8;
4616
+ border-radius: 4px;
4617
+ box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
4618
+ padding: 8px;
4619
+ }
4596
4620
 
4597
- &:after {
4598
- display: none;
4599
- }
4600
- }
4621
+ .E_tecdsj7 {
4622
+ display: flex;
4623
+ align-items: center;
4624
+ background-color: unset;
4625
+ color: $text-neutral-ontint;
4626
+ justify-content: space-between;
4627
+ font-size: 12px;
4628
+ padding-top: 6px;
4601
4629
 
4602
- &.ant-table-cell-ellipsis.ant-table-column-has-sorters
4603
- .ant-table-column-sorters {
4604
- width: 100%;
4605
- overflow: hidden;
4606
- white-space: nowrap;
4607
- text-overflow: ellipsis;
4608
- > span {
4609
- overflow: hidden;
4610
- text-overflow: ellipsis;
4611
- flex: 1;
4612
- }
4613
- }
4630
+ &:first-child {
4631
+ padding-top: 3px;
4632
+ }
4633
+ &:last-child {
4634
+ padding-bottom: 3px;
4635
+ }
4636
+ .column-value {
4637
+ color: $text-neutral-ontint;
4638
+ margin-left: 8px;
4639
+ }
4640
+ }
4614
4641
 
4615
- &.ant-table-column-has-sorters {
4616
- padding: 15px $columnAlignRightPaddingRight 15px 8px;
4642
+ .E_ljhvvia {
4643
+ display: inline-block;
4644
+ height: 8px;
4645
+ width: 8px;
4646
+ margin-right: 8px;
4647
+ border-radius: 2px;
4648
+ &.borderd {
4649
+ border: 1px solid $stroke-neutral-white;
4650
+ }
4651
+ }
4617
4652
 
4618
- .ant-table-column-sorters {
4619
- padding: 0;
4620
- .order-icon {
4621
- position: absolute;
4622
- right: 6px;
4623
- top: 50%;
4624
- transform: translateY(-50%);
4625
- height: 16px;
4626
- display: none;
4627
- transition: transform 320ms ease;
4628
4653
 
4629
- &.descend {
4630
- display: block;
4631
- transform: translateY(-50%) rotateX(180deg);
4632
- }
4633
- &.ascend {
4634
- display: block;
4635
- }
4636
- }
4637
- }
4638
- .ant-table-column-sorter {
4639
- display: none;
4640
- }
4641
- }
4654
+ .E_lht19u8 {
4655
+ width: 64px;
4656
+ height: 64px;
4657
+ display: flex;
4658
+ align-items: center;
4659
+ justify-content: center;
4660
+ position: relative;
4661
+ opacity: 0.2;
4662
+ }
4642
4663
 
4643
- &:active {
4644
- .ant-table-column-sorters .order-icon {
4645
- &.descend {
4646
- transform: translateY(-50%);
4647
- }
4648
- &.ascend {
4649
- transform: translateY(-50%) rotateX(180deg);
4650
- }
4651
- }
4652
- }
4664
+ .E_lk3gkp4 {
4665
+ position: absolute;
4666
+ width: 5px;
4667
+ height: 48px;
4668
+ left: 9.33px;
4669
+ top: 40.5px;
4653
4670
 
4654
- &:hover:not(.is-blank) {
4655
- background: $fills-light-opaque-1;
4656
- .ant-table-column-sorters .order-icon {
4657
- display: block;
4658
- }
4659
- }
4660
- &.align-right {
4661
- padding-right: $columnAlignRightPaddingRight;
4662
- }
4663
- }
4664
- }
4671
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4672
+ border-radius: 5px;
4673
+ transform: rotate(-128deg);
4674
+ transform-origin: top left;
4665
4675
 
4666
- .ant-table-selection-column {
4667
- padding: 0 !important;
4676
+ animation: loading-indicator1 1100ms ease-out infinite;
4677
+ }
4668
4678
 
4669
- .ant-checkbox-wrapper {
4670
- position: absolute;
4671
- left: 50%;
4672
- top: 50%;
4673
- transform: translate(-50%, -50%);
4674
- }
4675
- &:after {
4676
- display: none;
4677
- }
4678
- }
4679
+ .E_ll4n94n {
4680
+ position: absolute;
4681
+ width: 5px;
4682
+ height: 48px;
4683
+ left: 40.8px;
4684
+ top: 8.4px;
4679
4685
 
4680
- .ant-table-hide-scrollbar {
4681
- background: $white;
4682
- }
4683
- .ant-table-placeholder {
4684
- background: inherit;
4686
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4687
+ border-radius: 5px;
4688
+ transform: rotate(-8deg);
4689
+ transform-origin: top left;
4685
4690
 
4686
- td {
4687
- position: static;
4688
- border: none;
4689
- background: inherit !important;
4690
- height: 100px;
4691
- vertical-align: middle;
4692
- }
4691
+ animation: loading-indicator2 1100ms ease-out infinite;
4692
+ }
4693
4693
 
4694
- .table-default-empty,
4695
- .ant-table-expanded-row-fixed {
4696
- font-weight: bold;
4697
- font-size: 20px;
4698
- color: $text-terdiary-light;
4699
- }
4700
- }
4701
- th.ant-table-cell-scrollbar,
4702
- th.cell__action_ {
4703
- z-index: 10;
4704
- }
4705
- td.cell__action_ {
4706
- padding: 0 !important;
4707
- position: relative;
4708
- background: $white;
4709
- > * {
4710
- height: 100%;
4711
- display: flex;
4712
- align-items: center;
4713
- justify-content: flex-end;
4714
- padding-right: 8px;
4715
- }
4716
- .menu-button {
4717
- width: 24px;
4718
- height: 24px;
4719
- cursor: pointer;
4720
- justify-content: center;
4721
- border-radius: 4px;
4694
+ .E_l17lbdo6 {
4695
+ position: absolute;
4696
+ width: 5px;
4697
+ height: 48px;
4698
+ left: 52.9px;
4699
+ top: 51.8px;
4722
4700
 
4723
- &:hover {
4724
- background: $white;
4725
- }
4726
- }
4727
- }
4728
- }
4701
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4702
+ border-radius: 5px;
4703
+ transform: rotate(112deg);
4704
+ transform-origin: top left;
4705
+
4706
+ animation: loading-indicator3 1100ms ease-out infinite;
4729
4707
  }
4730
4708
 
4731
4709
 
@@ -4910,17 +4888,28 @@
4910
4888
  }
4911
4889
 
4912
4890
 
4913
- .E_w7ob4th {
4914
- &.outside-tag {
4915
- padding-left: 0;
4916
- .inside-tag {
4917
- border-radius: 4px 0 0 4px;
4918
- padding-right: 4px;
4919
- margin-right: 4px;
4920
- }
4891
+ .E_t1gvlxt5 {
4892
+ min-width: 0;
4893
+ flex: 1;
4894
+ .tag {
4895
+ flex: 0 0 auto;
4896
+ }
4897
+ .progress-title {
4898
+ flex: 2;
4899
+ max-width: fit-content;
4900
+ }
4901
+ .progress-desc {
4902
+ flex: 1;
4903
+ max-width: fit-content;
4921
4904
  }
4922
4905
  }
4923
4906
 
4907
+ .E_a1ji6r68 {
4908
+ display: flex;
4909
+ align-items: center;
4910
+ column-gap: var(--a1ji6r68-0);
4911
+ }
4912
+
4924
4913
 
4925
4914
  .E_sjob3jg {
4926
4915
  $item: ant-steps-item;
@@ -5146,44 +5135,6 @@
5146
5135
  }
5147
5136
 
5148
5137
 
5149
- .E_slr2ynn {
5150
- padding: 0 8px;
5151
- height: 18px;
5152
- }
5153
-
5154
- .E_m140wbb6 {
5155
- padding: 2px 8px;
5156
- height: 24px;
5157
- }
5158
-
5159
- .E_t1fozc1i {
5160
- margin: 0;
5161
- }
5162
-
5163
- .E_i1vxv4ln {
5164
- margin-right: 4px;
5165
- height: 16px;
5166
- }
5167
-
5168
- .E_n1afl31m {
5169
- &.ant-tag.ant-tag-gray {
5170
- font-weight: 700;
5171
- color: $text-neutral-primary;
5172
- background-color: $fill-neutral-trans-1;
5173
- border: 1px solid $stroke-neutral-trans-2;
5174
- word-break: break-all;
5175
- display: inline;
5176
- white-space: normal;
5177
- }
5178
- }
5179
-
5180
-
5181
- .E_i1g85yz3 {
5182
- margin-right: 4px;
5183
- height: 16px;
5184
- }
5185
-
5186
-
5187
5138
  .E_t1dtlqs1 {
5188
5139
  margin-bottom: 4px;
5189
5140
  color: $text-secondary-light;
@@ -5401,6 +5352,18 @@
5401
5352
  }
5402
5353
 
5403
5354
 
5355
+ .E_w7ob4th {
5356
+ &.outside-tag {
5357
+ padding-left: 0;
5358
+ .inside-tag {
5359
+ border-radius: 4px 0 0 4px;
5360
+ padding-right: 4px;
5361
+ margin-right: 4px;
5362
+ }
5363
+ }
5364
+ }
5365
+
5366
+
5404
5367
  .E_t13ef470 {
5405
5368
  height: 100%;
5406
5369
  .table-loading-item {
@@ -5436,6 +5399,44 @@
5436
5399
  }
5437
5400
 
5438
5401
 
5402
+ .E_slr2ynn {
5403
+ padding: 0 8px;
5404
+ height: 18px;
5405
+ }
5406
+
5407
+ .E_m140wbb6 {
5408
+ padding: 2px 8px;
5409
+ height: 24px;
5410
+ }
5411
+
5412
+ .E_t1fozc1i {
5413
+ margin: 0;
5414
+ }
5415
+
5416
+ .E_i1vxv4ln {
5417
+ margin-right: 4px;
5418
+ height: 16px;
5419
+ }
5420
+
5421
+ .E_n1afl31m {
5422
+ &.ant-tag.ant-tag-gray {
5423
+ font-weight: 700;
5424
+ color: $text-neutral-primary;
5425
+ background-color: $fill-neutral-trans-1;
5426
+ border: 1px solid $stroke-neutral-trans-2;
5427
+ word-break: break-all;
5428
+ display: inline;
5429
+ white-space: normal;
5430
+ }
5431
+ }
5432
+
5433
+
5434
+ .E_i1g85yz3 {
5435
+ margin-right: 4px;
5436
+ height: 16px;
5437
+ }
5438
+
5439
+
5439
5440
  .E_s20iney {
5440
5441
  &.skeleton-box {
5441
5442
  display: flex;
@@ -5524,11 +5525,6 @@
5524
5525
  }
5525
5526
 
5526
5527
 
5527
- .E_t1616y1o {
5528
- color: $text-light-on-tint;
5529
- }
5530
-
5531
-
5532
5528
  .E_t1g36k2w {
5533
5529
  overflow: hidden;
5534
5530
  height: 100%;
@@ -5561,6 +5557,11 @@
5561
5557
  }
5562
5558
 
5563
5559
 
5560
+ .E_t1616y1o {
5561
+ color: $text-light-on-tint;
5562
+ }
5563
+
5564
+
5564
5565
  .E_a9y3flr {
5565
5566
  margin-left: 8px;
5566
5567
  }
@@ -5663,6 +5664,100 @@
5663
5664
  }
5664
5665
 
5665
5666
 
5667
+ .E_c18bcrac {
5668
+ display: inline-block;
5669
+ width: 100%;
5670
+ .recharts-wrapper {
5671
+ margin-left: 4px;
5672
+ }
5673
+ }
5674
+
5675
+ .E_cro7kg2 {
5676
+ padding: 4px;
5677
+ }
5678
+
5679
+ .E_c14wcxf0 {
5680
+ display: flex;
5681
+ justify-content: space-between;
5682
+ align-items: center;
5683
+ font-size: 13px;
5684
+ line-height: 24px;
5685
+ color: #cccccc;
5686
+ white-space: nowrap;
5687
+
5688
+ label {
5689
+ margin-right: 32px;
5690
+ }
5691
+ }
5692
+
5693
+ .E_coy29mj.E_c14wcxf0 {
5694
+ font-weight: bold;
5695
+ color: white;
5696
+ }
5697
+
5698
+ .E_s11212zy {
5699
+ width: 8px;
5700
+ height: 8px;
5701
+ border-radius: 2px;
5702
+ display: inline-block;
5703
+ background: var(--s11212zy-0);
5704
+ border: 1px solid $fills-light-white;
5705
+ box-sizing: content-box;
5706
+ margin-right: 6px;
5707
+ }
5708
+
5709
+ .E_p1lyky6c {
5710
+ & > :first-child {
5711
+ font-weight: bold;
5712
+ color: white;
5713
+ margin-right: 4px;
5714
+ }
5715
+ }
5716
+
5717
+
5718
+ .E_n12mqh7z {
5719
+ display: flex;
5720
+ align-items: center;
5721
+ font-size: 12px;
5722
+ line-height: 18px;
5723
+
5724
+ &:not(:last-child) {
5725
+ margin-bottom: 4px;
5726
+ }
5727
+ }
5728
+
5729
+ .E_tf5bynu {
5730
+ margin: 0 3px;
5731
+ }
5732
+
5733
+ .E_tcckoz1 {
5734
+ max-height: 400px;
5735
+ overflow: auto;
5736
+ }
5737
+
5738
+
5739
+ .E_tqjc4ui {
5740
+ @at-root {
5741
+ span#{&} {
5742
+ margin: 0 2px;
5743
+ }
5744
+ }
5745
+ }
5746
+
5747
+
5748
+ .E_gmyahx3 {
5749
+ cursor: pointer;
5750
+
5751
+ .link-text {
5752
+ color: $text-light-tertiary;
5753
+ }
5754
+
5755
+ &:hover .link-text {
5756
+ color: $text-light-general;
5757
+ }
5758
+ }
5759
+
5760
+
5666
5761
  .E_s1ebs0ra {
5667
5762
  display: flex;
5668
5763
  align-items: center;
@@ -5712,114 +5807,214 @@
5712
5807
  margin-right: 8px;
5713
5808
  }
5714
5809
 
5715
- > button:last-child {
5716
- margin-right: 4px;
5810
+ > button:last-child {
5811
+ margin-right: 4px;
5812
+ }
5813
+ .more-btn {
5814
+ cursor: pointer;
5815
+ width: 32px;
5816
+ height: 32px;
5817
+ justify-content: center;
5818
+ border-radius: 50%;
5819
+
5820
+ &:hover {
5821
+ background: $white;
5822
+ }
5823
+ }
5824
+ }
5825
+ }
5826
+
5827
+
5828
+ .E_c1up1pdz {
5829
+ width: 648px;
5830
+
5831
+ &.active {
5832
+ border-color: $blue-60;
5833
+
5834
+ > header {
5835
+ background: rgba($blue-60, 0.1);
5836
+ }
5837
+ }
5838
+
5839
+ .expand {
5840
+ padding: 12px;
5841
+ }
5842
+
5843
+ .field-item {
5844
+ display: flex;
5845
+ padding: 10px 0;
5846
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
5847
+
5848
+ &:last-child {
5849
+ border-bottom: none;
5850
+ padding-bottom: 0;
5717
5851
  }
5718
- .more-btn {
5719
- cursor: pointer;
5720
- width: 32px;
5721
- height: 32px;
5722
- justify-content: center;
5723
- border-radius: 50%;
5724
5852
 
5725
- &:hover {
5726
- background: $white;
5727
- }
5853
+ label {
5854
+ line-height: 32px;
5855
+ width: 100px;
5856
+ color: rgba(62, 70, 82, 0.6);
5728
5857
  }
5729
5858
  }
5730
- }
5731
5859
 
5860
+ .help {
5861
+ color: rgba(62, 70, 82, 0.6);
5862
+ margin-top: 5px;
5863
+ }
5732
5864
 
5733
- .E_tqjc4ui {
5734
- @at-root {
5735
- span#{&} {
5736
- margin: 0 2px;
5737
- }
5865
+ .ant-input-affix-wrapper,
5866
+ .ant-picker {
5867
+ width: 128px;
5738
5868
  }
5739
5869
  }
5740
5870
 
5741
-
5742
- .E_n12mqh7z {
5871
+ .E_c156wh19 {
5743
5872
  display: flex;
5744
5873
  align-items: center;
5745
- font-size: 12px;
5746
- line-height: 18px;
5874
+ justify-content: space-between;
5875
+ word-break: keep-all;
5747
5876
 
5748
- &:not(:last-child) {
5749
- margin-bottom: 4px;
5877
+ .title {
5878
+ margin: 0 16px 0 8px;
5750
5879
  }
5751
- }
5752
5880
 
5753
- .E_tf5bynu {
5754
- margin: 0 3px;
5755
- }
5881
+ .retain {
5882
+ color: rgba(129, 138, 153, 0.6);
5883
+ }
5756
5884
 
5757
- .E_tcckoz1 {
5758
- max-height: 400px;
5759
- overflow: auto;
5760
- }
5885
+ div.left {
5886
+ flex: 1;
5887
+ display: flex;
5888
+ overflow: hidden;
5889
+ align-items: center;
5890
+ justify-content: flex-start;
5891
+ white-space: nowrap;
5892
+
5893
+ .title {
5894
+ max-width: 100%;
5895
+ overflow: hidden;
5896
+ text-overflow: ellipsis;
5897
+ }
5898
+ }
5761
5899
 
5900
+ div.right {
5901
+ display: flex;
5902
+ align-items: center;
5903
+ }
5762
5904
 
5763
- .E_gmyahx3 {
5764
- cursor: pointer;
5905
+ .reverse {
5906
+ display: flex;
5907
+ flex-direction: row-reverse;
5908
+ align-items: center;
5765
5909
 
5766
- .link-text {
5767
- color: $text-light-tertiary;
5910
+ .ant-switch {
5911
+ margin-left: 8px;
5912
+ }
5768
5913
  }
5769
5914
 
5770
- &:hover .link-text {
5771
- color: $text-light-general;
5915
+ .close {
5916
+ padding-left: 14px;
5917
+ margin-left: 14px;
5918
+ border-left: 1px solid rgba(129, 138, 153, 0.6);
5919
+ cursor: pointer;
5772
5920
  }
5773
5921
  }
5774
5922
 
5923
+ .E_m126spxy {
5924
+ .ant-btn.ant-btn-link {
5925
+ padding: 1px 10px;
5926
+ color: rgba(62, 70, 82, 0.6);
5927
+ border-radius: 4px;
5775
5928
 
5776
- .E_c18bcrac {
5777
- display: inline-block;
5778
- width: 100%;
5779
- .recharts-wrapper {
5780
- margin-left: 4px;
5929
+ &.active {
5930
+ background: rgba(0, 128, 255, 0.1);
5931
+ color: $blue;
5932
+ }
5781
5933
  }
5782
- }
5783
5934
 
5784
- .E_cro7kg2 {
5785
- padding: 4px;
5935
+ padding-bottom: 4px;
5936
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
5786
5937
  }
5787
5938
 
5788
- .E_c14wcxf0 {
5789
- display: flex;
5790
- justify-content: space-between;
5791
- align-items: center;
5792
- font-size: 13px;
5793
- line-height: 24px;
5794
- color: #cccccc;
5795
- white-space: nowrap;
5939
+ .E_wpbf4pq {
5940
+ padding: 10px 0;
5941
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
5796
5942
 
5797
- label {
5798
- margin-right: 32px;
5943
+ .ant-input,
5944
+ .ant-picker {
5945
+ width: 80px;
5946
+ margin: 0 9px;
5947
+ text-align: center;
5948
+ }
5949
+
5950
+ .options {
5951
+ padding: 12px 0 12px 16px;
5952
+ border-left: 2px solid rgba(129, 138, 153, 0.6);
5953
+ margin: 5px 0 5px 8px;
5954
+ }
5955
+ .week-day-option,
5956
+ .month-day-option {
5957
+ background: #f5f7fa;
5958
+ box-sizing: border-box;
5959
+ border-radius: 16px;
5960
+ margin-right: 8px;
5961
+
5962
+ &:focus {
5963
+ color: inherit;
5964
+ border-color: #d9d9d9;
5965
+ }
5966
+ }
5967
+ .week-day-option {
5968
+ &.active {
5969
+ background-color: $blue;
5970
+ border-color: $blue;
5971
+ color: $white;
5972
+ }
5973
+ &.en-text {
5974
+ width: 110px;
5975
+ margin-top: 4px;
5976
+ }
5977
+ }
5978
+ .month-day-option {
5979
+ width: 32px;
5980
+ padding: 0;
5981
+ margin-bottom: 8px;
5982
+
5983
+ &.active {
5984
+ background-color: $blue;
5985
+ border-color: $blue;
5986
+ color: $white;
5987
+ }
5799
5988
  }
5800
5989
  }
5801
5990
 
5802
- .E_coy29mj.E_c14wcxf0 {
5803
- font-weight: bold;
5804
- color: white;
5991
+
5992
+ .E_ou7iq30 {
5993
+ overflow: hidden;
5994
+ text-overflow: ellipsis;
5805
5995
  }
5806
5996
 
5807
- .E_s11212zy {
5808
- width: 8px;
5809
- height: 8px;
5810
- border-radius: 2px;
5811
- display: inline-block;
5812
- background: var(--s11212zy-0);
5813
- border: 1px solid $fills-light-white;
5814
- box-sizing: content-box;
5815
- margin-right: 6px;
5997
+ .E_s1tui002 {
5998
+ white-space: nowrap;
5816
5999
  }
5817
6000
 
5818
- .E_p1lyky6c {
5819
- & > :first-child {
5820
- font-weight: bold;
5821
- color: white;
5822
- margin-right: 4px;
6001
+ .E_mxrc2zg {
6002
+ display: -webkit-box;
6003
+ -webkit-line-clamp: var(--mxrc2zg-0);
6004
+ -webkit-box-orient: vertical;
6005
+ word-break: break-all;
6006
+ }
6007
+
6008
+ .E_t1vv6d68 {
6009
+ .ant-tooltip-arrow {
6010
+ display: none;
6011
+ }
6012
+ .ant-tooltip-inner {
6013
+ background: $gray-a80-9;
6014
+ border-radius: 4px;
6015
+ &:has(.eagle-ellipsis-content) {
6016
+ visibility: hidden;
6017
+ }
5823
6018
  }
5824
6019
  }
5825
6020
 
@@ -5922,179 +6117,115 @@
5922
6117
  }
5923
6118
 
5924
6119
 
5925
- .E_c1up1pdz {
5926
- width: 648px;
5927
-
5928
- &.active {
5929
- border-color: $blue-60;
5930
-
5931
- > header {
5932
- background: rgba($blue-60, 0.1);
5933
- }
5934
- }
5935
-
5936
- .expand {
5937
- padding: 12px;
5938
- }
5939
-
5940
- .field-item {
5941
- display: flex;
5942
- padding: 10px 0;
5943
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6120
+ .E_t1sqg15u {
6121
+ background: white;
5944
6122
 
5945
- &:last-child {
5946
- border-bottom: none;
5947
- padding-bottom: 0;
5948
- }
6123
+ &.inline {
6124
+ .table-row {
6125
+ flex-direction: column;
5949
6126
 
5950
- label {
5951
- line-height: 32px;
5952
- width: 100px;
5953
- color: rgba(62, 70, 82, 0.6);
6127
+ > label {
6128
+ padding: 0 16px 7px 0;
6129
+ }
5954
6130
  }
5955
6131
  }
5956
6132
 
5957
- .help {
5958
- color: rgba(62, 70, 82, 0.6);
5959
- margin-top: 5px;
5960
- }
5961
-
5962
- .ant-input-affix-wrapper,
5963
- .ant-picker {
5964
- width: 128px;
5965
- }
5966
- }
6133
+ &.has-border {
6134
+ .table-header {
6135
+ border-bottom: 1px solid $strokes-light-trans-1;
6136
+ }
5967
6137
 
5968
- .E_c156wh19 {
5969
- display: flex;
5970
- align-items: center;
5971
- justify-content: space-between;
5972
- word-break: keep-all;
6138
+ .hiddenBorder {
6139
+ border-top: none !important;
6140
+ }
5973
6141
 
5974
- .title {
5975
- margin: 0 16px 0 8px;
5976
- }
6142
+ .table-row + .table-row {
6143
+ border-top: 1px solid $strokes-light-trans-1;
6144
+ }
5977
6145
 
5978
- .retain {
5979
- color: rgba(129, 138, 153, 0.6);
6146
+ .table-row:last-of-type {
6147
+ padding-bottom: 0;
6148
+ }
5980
6149
  }
5981
6150
 
5982
- div.left {
5983
- flex: 1;
6151
+ &.align-right {
6152
+ .content {
6153
+ text-align: right;
6154
+ }
6155
+ }
6156
+ .uuid-row {
5984
6157
  display: flex;
5985
- overflow: hidden;
5986
- align-items: center;
5987
- justify-content: flex-start;
5988
- white-space: nowrap;
6158
+ justify-content: space-between;
5989
6159
 
5990
- .title {
5991
- max-width: 100%;
6160
+ .id-text {
6161
+ white-space: nowrap;
5992
6162
  overflow: hidden;
5993
6163
  text-overflow: ellipsis;
5994
6164
  }
5995
6165
  }
6166
+ }
5996
6167
 
5997
- div.right {
5998
- display: flex;
5999
- align-items: center;
6000
- }
6001
-
6002
- .reverse {
6003
- display: flex;
6004
- flex-direction: row-reverse;
6005
- align-items: center;
6168
+ .E_t4zczcp {
6169
+ display: flex;
6170
+ justify-content: space-between;
6171
+ align-items: center;
6172
+ padding: 8px;
6173
+ min-height: 32px;
6006
6174
 
6007
- .ant-switch {
6008
- margin-left: 8px;
6009
- }
6175
+ .table-title {
6176
+ color: $text-secondary-light;
6177
+ font-weight: 600;
6178
+ font-size: 12px;
6179
+ line-height: 8px;
6010
6180
  }
6011
6181
 
6012
- .close {
6013
- padding-left: 14px;
6014
- margin-left: 14px;
6015
- border-left: 1px solid rgba(129, 138, 153, 0.6);
6182
+ .edit-icon {
6183
+ font-size: 16px;
6184
+ color: $strokes-translucent-2-light;
6016
6185
  cursor: pointer;
6017
6186
  }
6018
6187
  }
6019
6188
 
6020
- .E_m126spxy {
6021
- .ant-btn.ant-btn-link {
6022
- padding: 1px 10px;
6023
- color: rgba(62, 70, 82, 0.6);
6024
- border-radius: 4px;
6025
-
6026
- &.active {
6027
- background: rgba(0, 128, 255, 0.1);
6028
- color: $blue;
6029
- }
6030
- }
6031
-
6032
- padding-bottom: 4px;
6033
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6189
+ .E_t1s7goww {
6190
+ font-size: 12px;
6191
+ line-height: 18px;
6034
6192
  }
6035
6193
 
6036
- .E_wpbf4pq {
6037
- padding: 10px 0;
6038
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6194
+ .E_t93e4cf {
6195
+ display: flex;
6196
+ padding: 8px 0;
6197
+ color: $text-primary-light;
6039
6198
 
6040
- .ant-input,
6041
- .ant-picker {
6042
- width: 80px;
6043
- margin: 0 9px;
6044
- text-align: center;
6199
+ .hidden {
6200
+ display: none;
6045
6201
  }
6046
6202
 
6047
- .options {
6048
- padding: 12px 0 12px 16px;
6049
- border-left: 2px solid rgba(129, 138, 153, 0.6);
6050
- margin: 5px 0 5px 8px;
6203
+ .ant-btn.ant-btn-link {
6204
+ height: auto;
6051
6205
  }
6052
- .week-day-option,
6053
- .month-day-option {
6054
- background: #f5f7fa;
6055
- box-sizing: border-box;
6056
- border-radius: 16px;
6057
- margin-right: 8px;
6058
6206
 
6059
- &:focus {
6060
- color: inherit;
6061
- border-color: #d9d9d9;
6062
- }
6063
- }
6064
- .week-day-option {
6065
- &.active {
6066
- background-color: $blue;
6067
- border-color: $blue;
6068
- color: $white;
6069
- }
6070
- &.en-text {
6071
- width: 110px;
6072
- margin-top: 4px;
6207
+ .content {
6208
+ overflow: hidden;
6209
+ overflow-x: auto;
6210
+ width: 100%;
6211
+ white-space: pre-wrap;
6212
+
6213
+ .ant-btn {
6214
+ white-space: pre-wrap;
6215
+ text-align: left;
6073
6216
  }
6074
- }
6075
- .month-day-option {
6076
- width: 32px;
6077
- padding: 0;
6078
- margin-bottom: 8px;
6079
6217
 
6080
- &.active {
6081
- background-color: $blue;
6082
- border-color: $blue;
6083
- color: $white;
6218
+ .unit-chart {
6219
+ justify-content: flex-start;
6084
6220
  }
6085
6221
  }
6086
6222
  }
6087
6223
 
6088
-
6089
- .E_s1iv0tp1 {
6090
- .enabled-switch {
6091
- display: flex;
6092
- align-items: center;
6093
- }
6094
-
6095
- .enabled-text {
6096
- margin-right: 8px;
6097
- }
6224
+ .E_rhz2uv5 {
6225
+ width: var(--rhz2uv5-0);
6226
+ flex-shrink: 0;
6227
+ color: $text-secondary-light;
6228
+ padding-right: 12px;
6098
6229
  }
6099
6230
 
6100
6231
 
@@ -6180,204 +6311,62 @@
6180
6311
  &.ant-menu-item-active {
6181
6312
  background: $background-onhover;
6182
6313
  box-shadow: $box-shadow-light-onhover;
6183
- border-radius: 6px;
6184
- }
6185
- }
6186
- }
6187
- }
6188
- }
6189
-
6190
- .E_s1wu0lms {
6191
- .ant-menu-item-group-title {
6192
- white-space: nowrap;
6193
- transition: all 0s;
6194
- }
6195
-
6196
- &.shrink {
6197
- transition: all 0s;
6198
- overflow: hidden;
6199
-
6200
- .ant-menu-item-group-title {
6201
- visibility: hidden;
6202
- }
6203
-
6204
- .ant-menu-item {
6205
- width: 36px;
6206
- padding: 0 6px;
6207
- }
6208
- }
6209
- }
6210
-
6211
- .E_n1ugzfva {
6212
- display: flex;
6213
- place-items: center;
6214
- width: 100% !important;
6215
-
6216
- &[disabled] {
6217
- color: rgba(0, 0, 0, 0.25) !important;
6218
- opacity: 1 !important;
6219
- }
6220
-
6221
- &.ant-btn {
6222
- width: 100%;
6223
- color: $text-light-primary;
6224
- }
6225
-
6226
- .icon-wrapper {
6227
- margin-right: 12px;
6228
- }
6229
-
6230
- .link-title {
6231
- flex: 1;
6232
- overflow: hidden;
6233
- white-space: nowrap;
6234
- text-overflow: ellipsis;
6235
- text-align: left;
6236
- }
6237
- }
6238
-
6239
-
6240
- .E_ou7iq30 {
6241
- overflow: hidden;
6242
- text-overflow: ellipsis;
6243
- }
6244
-
6245
- .E_s1tui002 {
6246
- white-space: nowrap;
6247
- }
6248
-
6249
- .E_mxrc2zg {
6250
- display: -webkit-box;
6251
- -webkit-line-clamp: var(--mxrc2zg-0);
6252
- -webkit-box-orient: vertical;
6253
- word-break: break-all;
6254
- }
6255
-
6256
- .E_t1vv6d68 {
6257
- .ant-tooltip-arrow {
6258
- display: none;
6259
- }
6260
- .ant-tooltip-inner {
6261
- background: $gray-a80-9;
6262
- border-radius: 4px;
6263
- &:has(.eagle-ellipsis-content) {
6264
- visibility: hidden;
6265
- }
6266
- }
6267
- }
6268
-
6269
-
6270
- .E_t1sqg15u {
6271
- background: white;
6272
-
6273
- &.inline {
6274
- .table-row {
6275
- flex-direction: column;
6276
-
6277
- > label {
6278
- padding: 0 16px 7px 0;
6314
+ border-radius: 6px;
6315
+ }
6279
6316
  }
6280
6317
  }
6281
6318
  }
6319
+ }
6282
6320
 
6283
- &.has-border {
6284
- .table-header {
6285
- border-bottom: 1px solid $strokes-light-trans-1;
6286
- }
6287
-
6288
- .hiddenBorder {
6289
- border-top: none !important;
6290
- }
6291
-
6292
- .table-row + .table-row {
6293
- border-top: 1px solid $strokes-light-trans-1;
6294
- }
6295
-
6296
- .table-row:last-of-type {
6297
- padding-bottom: 0;
6298
- }
6321
+ .E_s1wu0lms {
6322
+ .ant-menu-item-group-title {
6323
+ white-space: nowrap;
6324
+ transition: all 0s;
6299
6325
  }
6300
6326
 
6301
- &.align-right {
6302
- .content {
6303
- text-align: right;
6327
+ &.shrink {
6328
+ transition: all 0s;
6329
+ overflow: hidden;
6330
+
6331
+ .ant-menu-item-group-title {
6332
+ visibility: hidden;
6304
6333
  }
6305
- }
6306
- .uuid-row {
6307
- display: flex;
6308
- justify-content: space-between;
6309
6334
 
6310
- .id-text {
6311
- white-space: nowrap;
6312
- overflow: hidden;
6313
- text-overflow: ellipsis;
6335
+ .ant-menu-item {
6336
+ width: 36px;
6337
+ padding: 0 6px;
6314
6338
  }
6315
6339
  }
6316
6340
  }
6317
6341
 
6318
- .E_t4zczcp {
6342
+ .E_n1ugzfva {
6319
6343
  display: flex;
6320
- justify-content: space-between;
6321
- align-items: center;
6322
- padding: 8px;
6323
- min-height: 32px;
6324
-
6325
- .table-title {
6326
- color: $text-secondary-light;
6327
- font-weight: 600;
6328
- font-size: 12px;
6329
- line-height: 8px;
6330
- }
6344
+ place-items: center;
6345
+ width: 100% !important;
6331
6346
 
6332
- .edit-icon {
6333
- font-size: 16px;
6334
- color: $strokes-translucent-2-light;
6335
- cursor: pointer;
6347
+ &[disabled] {
6348
+ color: rgba(0, 0, 0, 0.25) !important;
6349
+ opacity: 1 !important;
6336
6350
  }
6337
- }
6338
-
6339
- .E_t1s7goww {
6340
- font-size: 12px;
6341
- line-height: 18px;
6342
- }
6343
-
6344
- .E_t93e4cf {
6345
- display: flex;
6346
- padding: 8px 0;
6347
- color: $text-primary-light;
6348
6351
 
6349
- .hidden {
6350
- display: none;
6352
+ &.ant-btn {
6353
+ width: 100%;
6354
+ color: $text-light-primary;
6351
6355
  }
6352
6356
 
6353
- .ant-btn.ant-btn-link {
6354
- height: auto;
6357
+ .icon-wrapper {
6358
+ margin-right: 12px;
6355
6359
  }
6356
6360
 
6357
- .content {
6361
+ .link-title {
6362
+ flex: 1;
6358
6363
  overflow: hidden;
6359
- overflow-x: auto;
6360
- width: 100%;
6361
- white-space: pre-wrap;
6362
-
6363
- .ant-btn {
6364
- white-space: pre-wrap;
6365
- text-align: left;
6366
- }
6367
-
6368
- .unit-chart {
6369
- justify-content: flex-start;
6370
- }
6364
+ white-space: nowrap;
6365
+ text-overflow: ellipsis;
6366
+ text-align: left;
6371
6367
  }
6372
6368
  }
6373
6369
 
6374
- .E_rhz2uv5 {
6375
- width: var(--rhz2uv5-0);
6376
- flex-shrink: 0;
6377
- color: $text-secondary-light;
6378
- padding-right: 12px;
6379
- }
6380
-
6381
6370
 
6382
6371
  .E_t160l1cm {
6383
6372
  display: flex;
@@ -6647,6 +6636,18 @@
6647
6636
  }
6648
6637
 
6649
6638
 
6639
+ .E_s1iv0tp1 {
6640
+ .enabled-switch {
6641
+ display: flex;
6642
+ align-items: center;
6643
+ }
6644
+
6645
+ .enabled-text {
6646
+ margin-right: 8px;
6647
+ }
6648
+ }
6649
+
6650
+
6650
6651
  .E_wg1tsps {
6651
6652
  display: flex;
6652
6653
  align-items: center;
@@ -6673,59 +6674,10 @@
6673
6674
  }
6674
6675
 
6675
6676
 
6676
- .E_cyms3br {
6677
- background: #fff;
6678
- width: 100%;
6679
- border-radius: 8px;
6680
- border: 1px solid rgba(228, 233, 242, 1);
6681
- .ant-list {
6682
- padding: 12px;
6683
- }
6684
- .ant-list-item {
6685
- padding: 4px 0;
6686
- }
6687
- .ant-alert {
6688
- margin-left: 24px;
6689
- }
6690
- header {
6691
- background: rgba(225, 230, 241, 0.6);
6692
- font-size: 12px;
6693
- color: rgba(29, 50, 108, 1);
6694
- font-weight: 700;
6695
- padding: 6px 12px;
6696
- display: flex;
6697
- flex-direction: row;
6698
- align-items: center;
6699
- justify-content: space-between;
6700
- .switch-text {
6701
- display: flex;
6702
- flex-direction: row;
6703
- align-items: center;
6704
- justify-content: space-between;
6705
- gap: 6px;
6706
- font-size: 12px;
6707
- font-weight: 400;
6708
- color: rgba(0, 18, 46, 1);
6709
- }
6710
- }
6711
- }
6712
-
6713
- .E_c157gu4z {
6714
- .ant-list-item {
6715
- display: flex;
6716
- flex-direction: row;
6717
- }
6718
- .description {
6719
- flex-grow: 1;
6720
- margin-left: 8px;
6721
- }
6722
- }
6723
-
6724
- .E_eu1sysj {
6725
- display: flex;
6726
- flex-direction: column;
6727
- align-items: center;
6728
- justify-content: center;
6677
+ .E_h1ol2wl7 {
6678
+ font-weight: bold;
6679
+ background-color: unset;
6680
+ padding: unset;
6729
6681
  }
6730
6682
 
6731
6683
 
@@ -6818,10 +6770,59 @@
6818
6770
  }
6819
6771
 
6820
6772
 
6821
- .E_h1ol2wl7 {
6822
- font-weight: bold;
6823
- background-color: unset;
6824
- padding: unset;
6773
+ .E_cyms3br {
6774
+ background: #fff;
6775
+ width: 100%;
6776
+ border-radius: 8px;
6777
+ border: 1px solid rgba(228, 233, 242, 1);
6778
+ .ant-list {
6779
+ padding: 12px;
6780
+ }
6781
+ .ant-list-item {
6782
+ padding: 4px 0;
6783
+ }
6784
+ .ant-alert {
6785
+ margin-left: 24px;
6786
+ }
6787
+ header {
6788
+ background: rgba(225, 230, 241, 0.6);
6789
+ font-size: 12px;
6790
+ color: rgba(29, 50, 108, 1);
6791
+ font-weight: 700;
6792
+ padding: 6px 12px;
6793
+ display: flex;
6794
+ flex-direction: row;
6795
+ align-items: center;
6796
+ justify-content: space-between;
6797
+ .switch-text {
6798
+ display: flex;
6799
+ flex-direction: row;
6800
+ align-items: center;
6801
+ justify-content: space-between;
6802
+ gap: 6px;
6803
+ font-size: 12px;
6804
+ font-weight: 400;
6805
+ color: rgba(0, 18, 46, 1);
6806
+ }
6807
+ }
6808
+ }
6809
+
6810
+ .E_c157gu4z {
6811
+ .ant-list-item {
6812
+ display: flex;
6813
+ flex-direction: row;
6814
+ }
6815
+ .description {
6816
+ flex-grow: 1;
6817
+ margin-left: 8px;
6818
+ }
6819
+ }
6820
+
6821
+ .E_eu1sysj {
6822
+ display: flex;
6823
+ flex-direction: column;
6824
+ align-items: center;
6825
+ justify-content: center;
6825
6826
  }
6826
6827
 
6827
6828
 
@@ -6876,6 +6877,16 @@
6876
6877
  }
6877
6878
 
6878
6879
 
6880
+ .E_cevhqx7 {
6881
+ color: $text-light-primary;
6882
+ }
6883
+
6884
+ .E_snbqlt4 {
6885
+ margin-top: 8px;
6886
+ color: $text-light-secondary;
6887
+ }
6888
+
6889
+
6879
6890
  .E_c1kchka8 {
6880
6891
  height: 100%;
6881
6892
  width: 100%;
@@ -7455,16 +7466,6 @@
7455
7466
  }
7456
7467
 
7457
7468
 
7458
- .E_cevhqx7 {
7459
- color: $text-light-primary;
7460
- }
7461
-
7462
- .E_snbqlt4 {
7463
- margin-top: 8px;
7464
- color: $text-light-secondary;
7465
- }
7466
-
7467
-
7468
7469
  .E_c1ss4prm {
7469
7470
  color: $text-light-secondary;
7470
7471