@cloudtower/eagle 0.32.51 → 0.32.52

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 (13) hide show
  1. package/dist/cjs/core/LineChart/LineChartLegend.js +2 -2
  2. package/dist/cjs/core/LineChart/RenderChart.js +19 -6
  3. package/dist/cjs/coreX/CheckPointList/index.js +3 -2
  4. package/dist/cjs/stats1.html +1 -1
  5. package/dist/components.css +1621 -1612
  6. package/dist/esm/core/LineChart/LineChartLegend.js +2 -2
  7. package/dist/esm/core/LineChart/RenderChart.js +19 -6
  8. package/dist/esm/coreX/CheckPointList/index.js +3 -2
  9. package/dist/esm/stats1.html +1 -1
  10. package/dist/linaria.merged.scss +2000 -1993
  11. package/dist/src/coreX/CheckPointList/checkpointlist.type.d.ts +1 -0
  12. package/dist/style.css +1629 -1622
  13. package/package.json +4 -5
package/dist/linaria.merged.scss CHANGED
@@ -51,6 +51,25 @@
51
51
  }
52
52
 
53
53
 
54
+ .E_berrcjl {
55
+ color: $text-terdiary-light;
56
+ margin-bottom: 4px;
57
+
58
+ .breadcrumb-link {
59
+ color: $text-terdiary-light;
60
+ cursor: pointer;
61
+ transition: color 160ms ease;
62
+
63
+ &:hover {
64
+ color: $blue-60;
65
+ }
66
+ &:active {
67
+ color: $blue-80;
68
+ }
69
+ }
70
+ }
71
+
72
+
54
73
  .E_b1wx3t3t {
55
74
  &.ant-btn-icon-only {
56
75
  justify-content: center;
@@ -409,20 +428,19 @@
409
428
  }
410
429
 
411
430
 
412
- .E_berrcjl {
413
- color: $text-terdiary-light;
414
- margin-bottom: 4px;
415
-
416
- .breadcrumb-link {
417
- color: $text-terdiary-light;
418
- cursor: pointer;
419
- transition: color 160ms ease;
420
-
421
- &:hover {
422
- color: $blue-60;
431
+ .E_d133fzv0 {
432
+ .ant-dropdown-menu-item-group {
433
+ .ant-dropdown-menu-item-group-title {
434
+ padding: 4px 8px 0 8px;
435
+ color: $text-light-secondary;
436
+ font-size: 12px;
423
437
  }
424
- &:active {
425
- color: $blue-80;
438
+ .ant-dropdown-menu-item-group-list {
439
+ padding-bottom: 6px;
440
+ }
441
+ &:not(:first-child) {
442
+ padding-top: 4px;
443
+ border-top: 1px solid $strokes-light-trans-2;
426
444
  }
427
445
  }
428
446
  }
@@ -453,21 +471,45 @@
453
471
  }
454
472
 
455
473
 
456
- .E_d133fzv0 {
457
- .ant-dropdown-menu-item-group {
458
- .ant-dropdown-menu-item-group-title {
459
- padding: 4px 8px 0 8px;
460
- color: $text-light-secondary;
461
- font-size: 12px;
474
+ .E_f7pxqmh {
475
+ width: 100%;
476
+ margin-bottom: 0 !important;
477
+ flex-flow: nowrap !important;
478
+ line-break: auto;
479
+
480
+ & > .ant-form-item-label {
481
+ text-align: left !important;
482
+ padding-bottom: 0 !important;
483
+
484
+ & > label {
485
+ min-height: 32px;
486
+ height: auto;
487
+ font-size: 13px;
488
+ color: rgba(44, 56, 82, 0.6);
489
+ white-space: normal;
462
490
  }
463
- .ant-dropdown-menu-item-group-list {
464
- padding-bottom: 6px;
491
+ }
492
+
493
+ &.ant-form-item-has-error {
494
+ .ant-input {
495
+ border-color: #ff4d4f !important;
465
496
  }
466
- &:not(:first-child) {
467
- padding-top: 4px;
468
- border-top: 1px solid $strokes-light-trans-2;
497
+ .ant-input-password {
498
+ border-color: #ff4d4f !important;
469
499
  }
470
500
  }
501
+
502
+ .ant-form-item-explain {
503
+ margin-top: 4px;
504
+ font-size: 12px;
505
+ min-height: 0px;
506
+ }
507
+
508
+ .ant-form-item-extra {
509
+ font-size: 12px;
510
+ color: rgba(44, 56, 82, 0.6);
511
+ min-height: 0px;
512
+ }
471
513
  }
472
514
 
473
515
 
@@ -620,64 +662,6 @@
620
662
  }
621
663
 
622
664
 
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;
629
- display: inline-flex;
630
- line-height: 1.5715;
631
- height: inherit;
632
- }
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;
639
- margin-left: 4px;
640
- }
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;
656
- }
657
- }
658
-
659
-
660
- .E_i1inqkme {
661
- height: 18px;
662
- line-height: 18px;
663
- padding: 0 4px;
664
- border-radius: 4px;
665
- background: rgba(235, 239, 245, 0.6);
666
- border: 1px solid rgba(223, 228, 235, 0.6);
667
- display: flex;
668
- align-items: center;
669
- white-space: nowrap;
670
- margin-right: 4px;
671
- }
672
-
673
-
674
- .E_sx1bpnu {
675
- .ant-input-sm {
676
- line-height: 18px;
677
- }
678
- }
679
-
680
-
681
665
  .E_iouxfgt {
682
666
  display: inline-flex;
683
667
  align-items: center;
@@ -700,58 +684,6 @@
700
684
  }
701
685
 
702
686
 
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
- }
720
- }
721
-
722
- &.ant-form-item-has-error {
723
- .ant-input {
724
- border-color: #ff4d4f !important;
725
- }
726
- .ant-input-password {
727
- border-color: #ff4d4f !important;
728
- }
729
- }
730
-
731
- .ant-form-item-explain {
732
- margin-top: 4px;
733
- font-size: 12px;
734
- min-height: 0px;
735
- }
736
-
737
- .ant-form-item-extra {
738
- font-size: 12px;
739
- color: rgba(44, 56, 82, 0.6);
740
- min-height: 0px;
741
- }
742
- }
743
-
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;
751
- }
752
- }
753
-
754
-
755
687
  .E_itxley7 {
756
688
  &.ant-input-group.ant-input-group-compact {
757
689
  display: flex;
@@ -807,47 +739,135 @@
807
739
  }
808
740
 
809
741
 
810
- .E_ai7qkf2 {
811
- .ant-input-number-handler-wrap {
812
- display: var(--ai7qkf2-0);
813
- }
814
- .ant-input-number-input-wrap {
815
- display: inline-flex;
816
- line-height: 1.5715;
817
- height: 100%;
818
- width: 100%;
819
- }
742
+ .E_phljevk {
743
+ display: flex;
744
+ justify-content: space-between;
745
+ align-items: center;
746
+ padding: 10px 0;
747
+ color: $text-light-secondary;
748
+ font-size: 12px;
749
+ line-height: 24px;
820
750
 
821
- .ant-input-number-input-wrap::after {
822
- content: var(--ai7qkf2-1);
823
- display: var(--ai7qkf2-2);
824
- flex: none;
825
- align-items: center;
826
- margin-left: 4px;
827
- padding: 5px 12px 5px 0;
828
- color: rgba(44, 56, 82, 0.6);
751
+ .pagination-left {
752
+ padding: 2px 8px;
829
753
  }
830
754
 
831
- .ant-input-number-input-wrap::before {
832
- content: var(--ai7qkf2-3);
833
- display: var(--ai7qkf2-4);
834
- flex: none;
755
+ .dropdown-trigger {
756
+ display: flex;
835
757
  align-items: center;
836
- margin-right: 4px;
837
- cursor: auto;
838
- color: rgba(44, 56, 82, 0.6);
839
- }
758
+ border-radius: 6px;
759
+ cursor: pointer;
760
+ transition: all 0.3s ease;
840
761
 
841
- .ant-input-group.ant-input-group-compact > & {
842
- border-radius: 0;
762
+ &:hover {
763
+ background: $fills-interaction-light-general-hover;
764
+ color: $text-light-general;
765
+ }
766
+ .icon-inner {
767
+ margin-left: 4px;
768
+ }
843
769
  }
844
770
 
845
- &.ant-input-number {
846
- width: 100%;
847
- border-radius: 6px;
848
- }
849
- &.ant-input-number:not([disabled]) {
850
- &:focus,
771
+ .pagination-right {
772
+ display: flex;
773
+ align-items: center;
774
+ color: $blue-60;
775
+ font-weight: bold;
776
+ .icon-inner {
777
+ margin-left: 4px;
778
+ }
779
+ .prev-btn,
780
+ .next-btn {
781
+ padding: 0 8px;
782
+ > span {
783
+ color: $text-light-general;
784
+ }
785
+ }
786
+
787
+ .next-btn {
788
+ .icon-inner {
789
+ transform: rotate(180deg);
790
+ }
791
+ }
792
+ }
793
+ }
794
+
795
+ .E_d12rtyeg {
796
+ &.ant-dropdown .ant-dropdown-menu {
797
+ max-height: calc(100vh - 128px);
798
+ overflow-y: auto;
799
+
800
+ .ant-dropdown-menu-item {
801
+ padding: 4px 20px;
802
+ font-size: 12px;
803
+ line-height: 18px;
804
+ }
805
+ }
806
+ }
807
+
808
+
809
+ .E_i1inqkme {
810
+ height: 18px;
811
+ line-height: 18px;
812
+ padding: 0 4px;
813
+ border-radius: 4px;
814
+ background: rgba(235, 239, 245, 0.6);
815
+ border: 1px solid rgba(223, 228, 235, 0.6);
816
+ display: flex;
817
+ align-items: center;
818
+ white-space: nowrap;
819
+ margin-right: 4px;
820
+ }
821
+
822
+
823
+ .E_sx1bpnu {
824
+ .ant-input-sm {
825
+ line-height: 18px;
826
+ }
827
+ }
828
+
829
+
830
+ .E_ai7qkf2 {
831
+ .ant-input-number-handler-wrap {
832
+ display: var(--ai7qkf2-0);
833
+ }
834
+ .ant-input-number-input-wrap {
835
+ display: inline-flex;
836
+ line-height: 1.5715;
837
+ height: 100%;
838
+ width: 100%;
839
+ }
840
+
841
+ .ant-input-number-input-wrap::after {
842
+ content: var(--ai7qkf2-1);
843
+ display: var(--ai7qkf2-2);
844
+ flex: none;
845
+ align-items: center;
846
+ margin-left: 4px;
847
+ padding: 5px 12px 5px 0;
848
+ color: rgba(44, 56, 82, 0.6);
849
+ }
850
+
851
+ .ant-input-number-input-wrap::before {
852
+ content: var(--ai7qkf2-3);
853
+ display: var(--ai7qkf2-4);
854
+ flex: none;
855
+ align-items: center;
856
+ margin-right: 4px;
857
+ cursor: auto;
858
+ color: rgba(44, 56, 82, 0.6);
859
+ }
860
+
861
+ .ant-input-group.ant-input-group-compact > & {
862
+ border-radius: 0;
863
+ }
864
+
865
+ &.ant-input-number {
866
+ width: 100%;
867
+ border-radius: 6px;
868
+ }
869
+ &.ant-input-number:not([disabled]) {
870
+ &:focus,
851
871
  &:active,
852
872
  &.ant-input-number-focused {
853
873
  &.ant-input-number {
@@ -888,50 +908,63 @@
888
908
  }
889
909
 
890
910
 
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);
911
+ .E_atcz0kf {
912
+ .ant-input-suffix {
913
+ margin-left: 8px;
914
+ }
915
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
916
+ padding: 2px 7px 2px 12px;
917
+ }
918
+ }
901
919
 
902
- .circle-inner {
903
- position: relative;
904
- height: 10px;
905
- width: 10px;
906
- border-radius: 50%;
907
- overflow: hidden;
920
+
921
+ .E_a1wfy30z {
922
+ .ant-input-number-handler-wrap {
923
+ display: var(--a1wfy30z-0);
924
+ }
925
+ .ant-input-number-input-wrap {
926
+ padding: 4px 11px;
927
+ display: inline-flex;
928
+ line-height: 1.5715;
929
+ height: inherit;
908
930
  }
909
931
 
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);
932
+ .ant-input-number-input-wrap::after {
933
+ content: var(--a1wfy30z-1);
934
+ display: var(--a1wfy30z-2);
935
+ flex: none;
936
+ align-items: center;
937
+ margin-left: 4px;
919
938
  }
920
939
 
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);
940
+ .ant-input-number-input-wrap::before {
941
+ content: var(--a1wfy30z-3);
942
+ display: var(--a1wfy30z-4);
943
+ flex: none;
944
+ align-items: center;
945
+ margin-right: 4px;
946
+ cursor: auto;
947
+ }
948
+
949
+ .ant-input-number-input {
950
+ padding: 0;
951
+ margin: 0;
952
+ height: auto;
953
+ font-size: inherit;
931
954
  }
932
955
  }
933
956
 
934
957
 
958
+ .E_owd0kml {
959
+ display: inline-block;
960
+ }
961
+
962
+ .E_h1jsgezc {
963
+ visibility: hidden;
964
+ position: absolute;
965
+ }
966
+
967
+
935
968
  .E_i11gg7mj {
936
969
  .ant-input-prefix {
937
970
  margin-right: 8px;
@@ -964,15 +997,64 @@
964
997
  }
965
998
 
966
999
 
967
- .E_ivqqkzv {
968
- height: 24px;
969
- width: 56px !important;
970
- margin-right: 4px;
1000
+ .E_s1dizucg {
1001
+ &.ant-switch {
1002
+ min-width: 40px;
1003
+ height: 24px;
1004
+ background: $fills-trans-quinary-light;
1005
+ overflow: hidden;
1006
+ &:focus {
1007
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1008
+ }
1009
+ }
1010
+ &.ant-switch-small {
1011
+ min-width: 26px;
1012
+ height: 16px;
1013
+ }
1014
+ &.ant-switch-large {
1015
+ min-width: 52px;
1016
+ height: 32px;
1017
+ }
1018
+
1019
+ &.ant-switch .ant-switch-handle {
1020
+ height: 20px;
1021
+ width: 20px;
1022
+ &::before {
1023
+ border-radius: 10px;
1024
+ transition-delay: 120ms;
1025
+ }
1026
+ }
1027
+ &.ant-switch-small .ant-switch-handle {
1028
+ height: 14px;
1029
+ width: 14px;
1030
+ top: 1px;
1031
+ left: 1px;
1032
+ }
1033
+ &.ant-switch-large .ant-switch-handle {
1034
+ height: 28px;
1035
+ width: 28px;
1036
+ &::before {
1037
+ border-radius: 14px;
1038
+ }
1039
+ }
1040
+
1041
+ &.ant-switch-checked {
1042
+ background-color: $green-60;
1043
+ }
1044
+ &.ant-switch-checked .ant-switch-handle {
1045
+ left: calc(100% - 20px - 2px);
1046
+ }
1047
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1048
+ left: calc(100% - 14px - 1px);
1049
+ }
1050
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1051
+ left: calc(100% - 28px - 2px);
1052
+ }
971
1053
  }
972
1054
 
973
- .E_c1wk4q29 {
974
- color: $text-secondary-light;
975
- }
1055
+ .E_c1up6e3y {
1056
+ margin-left: 5px;
1057
+ }
976
1058
 
977
1059
 
978
1060
  .E_rapgekc {
@@ -1156,64 +1238,22 @@
1156
1238
  }
1157
1239
 
1158
1240
 
1159
- .E_s1dizucg {
1160
- &.ant-switch {
1161
- min-width: 40px;
1162
- height: 24px;
1163
- background: $fills-trans-quinary-light;
1164
- overflow: hidden;
1165
- &:focus {
1166
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
1167
- }
1168
- }
1169
- &.ant-switch-small {
1170
- min-width: 26px;
1171
- height: 16px;
1172
- }
1173
- &.ant-switch-large {
1174
- min-width: 52px;
1175
- height: 32px;
1241
+ .E_tju3gfj {
1242
+ .date {
1243
+ margin-right: 4px;
1176
1244
  }
1245
+ }
1177
1246
 
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
- }
1199
1247
 
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
- }
1248
+ .E_ivqqkzv {
1249
+ height: 24px;
1250
+ width: 56px !important;
1251
+ margin-right: 4px;
1212
1252
  }
1213
1253
 
1214
- .E_c1up6e3y {
1215
- margin-left: 5px;
1216
- }
1254
+ .E_c1wk4q29 {
1255
+ color: $text-secondary-light;
1256
+ }
1217
1257
 
1218
1258
 
1219
1259
  .E_cnujxq2 {
@@ -2029,87 +2069,54 @@
2029
2069
  }
2030
2070
 
2031
2071
 
2032
- .E_phljevk {
2033
- display: flex;
2034
- justify-content: space-between;
2035
- align-items: center;
2036
- padding: 10px 0;
2037
- color: $text-light-secondary;
2038
- font-size: 12px;
2039
- line-height: 24px;
2040
-
2041
- .pagination-left {
2042
- padding: 2px 8px;
2072
+ .E_c1yyuluq {
2073
+ border-radius: 8px;
2074
+ .ant-card-body {
2075
+ padding: 20px 24px 24px 24px;
2043
2076
  }
2077
+ }
2044
2078
 
2045
- .dropdown-trigger {
2046
- display: flex;
2047
- align-items: center;
2048
- border-radius: 6px;
2049
- cursor: pointer;
2050
- transition: all 0.3s ease;
2051
-
2052
- &:hover {
2053
- background: $fills-interaction-light-general-hover;
2054
- color: $text-light-general;
2055
- }
2056
- .icon-inner {
2057
- margin-left: 4px;
2058
- }
2059
- }
2060
2079
 
2061
- .pagination-right {
2062
- display: flex;
2063
- align-items: center;
2064
- color: $blue-60;
2065
- font-weight: bold;
2066
- .icon-inner {
2067
- margin-left: 4px;
2068
- }
2069
- .prev-btn,
2070
- .next-btn {
2071
- padding: 0 8px;
2072
- > span {
2073
- color: $text-light-general;
2074
- }
2075
- }
2080
+ .E_c1bus5hc {
2081
+ --color: white;
2082
+ height: 14px;
2083
+ width: 14px;
2084
+ border-radius: 50%;
2085
+ flex-shrink: 0;
2086
+ display: flex;
2087
+ align-items: center;
2088
+ justify-content: center;
2089
+ border: 1px solid var(--color);
2076
2090
 
2077
- .next-btn {
2078
- .icon-inner {
2079
- transform: rotate(180deg);
2080
- }
2081
- }
2091
+ .circle-inner {
2092
+ position: relative;
2093
+ height: 10px;
2094
+ width: 10px;
2095
+ border-radius: 50%;
2096
+ overflow: hidden;
2082
2097
  }
2083
- }
2084
-
2085
- .E_d12rtyeg {
2086
- &.ant-dropdown .ant-dropdown-menu {
2087
- max-height: calc(100vh - 128px);
2088
- overflow-y: auto;
2089
2098
 
2090
- .ant-dropdown-menu-item {
2091
- padding: 4px 20px;
2092
- font-size: 12px;
2093
- line-height: 18px;
2094
- }
2099
+ .circle-content {
2100
+ position: absolute;
2101
+ height: 100%;
2102
+ width: 100%;
2103
+ left: 0;
2104
+ top: 0;
2105
+ border-radius: 50%;
2106
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
2107
+ transform: rotate(180deg);
2095
2108
  }
2096
- }
2097
-
2098
-
2099
- .E_owd0kml {
2100
- display: inline-block;
2101
- }
2102
-
2103
- .E_h1jsgezc {
2104
- visibility: hidden;
2105
- position: absolute;
2106
- }
2107
2109
 
2108
-
2109
- .E_c1yyuluq {
2110
- border-radius: 8px;
2111
- .ant-card-body {
2112
- padding: 20px 24px 24px 24px;
2110
+ .circle-child {
2111
+ position: absolute;
2112
+ height: 100%;
2113
+ width: 100%;
2114
+ left: 0;
2115
+ top: 0;
2116
+ margin-left: 50%;
2117
+ transform-origin: left;
2118
+ background: white;
2119
+ transform: rotate(0deg);
2113
2120
  }
2114
2121
  }
2115
2122
 
@@ -2146,6 +2153,43 @@
2146
2153
  }
2147
2154
 
2148
2155
 
2156
+ .E_a1b5xrg3 {
2157
+ .user-icon-inner {
2158
+ display: inline-flex;
2159
+ align-items: center;
2160
+ justify-content: center;
2161
+ color: $white;
2162
+ font-weight: bold;
2163
+ font-size: 12px;
2164
+ width: 24px;
2165
+ height: 24px;
2166
+ border-radius: 50%;
2167
+ background: var(--a1b5xrg3-0);
2168
+ }
2169
+ &.btn-item {
2170
+ transition: all 160ms ease;
2171
+ cursor: pointer;
2172
+ width: 56px;
2173
+ height: 40px;
2174
+ display: inline-flex;
2175
+ align-items: center;
2176
+ justify-content: center;
2177
+ border-radius: 6px;
2178
+
2179
+ &:hover {
2180
+ box-shadow:
2181
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
2182
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2183
+ }
2184
+
2185
+ &:active {
2186
+ transform: translateY(2px);
2187
+ transition: all 320ms ease;
2188
+ }
2189
+ }
2190
+ }
2191
+
2192
+
2149
2193
  .E_s1sck0th {
2150
2194
  padding: 0 8px;
2151
2195
  border-radius: 4px;
@@ -2232,40 +2276,138 @@
2232
2276
  }
2233
2277
 
2234
2278
 
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;
2279
+ .E_s1dni7lo {
2280
+ width: 430px !important;
2244
2281
  }
2245
2282
 
2246
- .E_d1mvo22k {
2247
- @include Inter(bold);
2248
- font-size: 24px;
2249
- line-height: 32px;
2283
+ .E_d1wwmmm5 {
2284
+ .ant-select-item-group {
2285
+ padding: 8px 16px;
2286
+ line-height: 18px;
2287
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
2288
+ height: 34px;
2289
+ min-height: 34px;
2290
+ box-sizing: border-box;
2291
+ margin-top: 8px;
2292
+ }
2250
2293
  }
2251
2294
 
2252
- .E_d1b444tr {
2253
- @include Inter();
2254
- font-size: 32px;
2255
- line-height: 40px;
2256
- }
2295
+ .E_o1ugr09p {
2296
+ display: flex;
2297
+ flex-direction: column;
2298
+ margin: 1px 8px;
2299
+ padding: 8px;
2300
+ border-radius: 4px;
2257
2301
 
2258
- .E_dvs0kue {
2259
- @include Inter(bold);
2260
- font-size: 20px;
2261
- line-height: 24px;
2262
- }
2302
+ .selected-icon {
2303
+ display: none;
2304
+ }
2263
2305
 
2264
- .E_d1hcbfcq {
2265
- @include Inter();
2266
- font-size: 20px;
2267
- line-height: 24px;
2268
- }
2306
+ &.ant-select-item-option-grouped {
2307
+ padding-left: 8px;
2308
+ }
2309
+
2310
+ &.ant-select-item-option-selected {
2311
+ background-color: white;
2312
+ .timezone-title {
2313
+ color: #0080ff;
2314
+ }
2315
+ .selected-icon {
2316
+ display: block;
2317
+ }
2318
+ }
2319
+
2320
+ &.ant-select-item-option-active {
2321
+ background: rgba(0, 136, 255, 0.16);
2322
+ .timezone-title {
2323
+ color: #0080ff;
2324
+ }
2325
+ .timezone-tag {
2326
+ background: rgba(0, 136, 255, 0.1);
2327
+ color: #0080ff;
2328
+ }
2329
+ }
2330
+ }
2331
+
2332
+ .E_o1ifxsq4 {
2333
+ display: flex;
2334
+ justify-content: space-between;
2335
+ height: 20px;
2336
+ line-height: 20px;
2337
+
2338
+ .timezone-title {
2339
+ color: #2d3a56;
2340
+ overflow: hidden;
2341
+ text-overflow: ellipsis;
2342
+ }
2343
+ }
2344
+
2345
+ .E_o1zue7 {
2346
+ display: flex;
2347
+ justify-content: space-between;
2348
+ color: $text-light-secondary;
2349
+ height: 18px;
2350
+ line-height: 18px;
2351
+ margin-top: 2px;
2352
+ }
2353
+
2354
+ .E_tyfmlxg {
2355
+ border: none;
2356
+ margin-right: 0;
2357
+ background: rgba(225, 230, 241, 0.6);
2358
+ }
2359
+
2360
+ .E_o18uybox {
2361
+ pointer-events: none;
2362
+ height: 32px;
2363
+ width: 100%;
2364
+ opacity: 0;
2365
+ }
2366
+
2367
+
2368
+ .E_t1m2x205 {
2369
+ .ant-tooltip-arrow {
2370
+ display: none;
2371
+ }
2372
+ .ant-tooltip-inner {
2373
+ background: $gray-a80-9;
2374
+ border-radius: 4px;
2375
+ &:has(.eagle-ellipsis-content) {
2376
+ visibility: hidden;
2377
+ }
2378
+ }
2379
+ }
2380
+
2381
+
2382
+ .E_dsnbhzf {
2383
+ @include Inter(bold);
2384
+ font-size: 32px;
2385
+ line-height: 40px;
2386
+ }
2387
+
2388
+ .E_d1mvo22k {
2389
+ @include Inter(bold);
2390
+ font-size: 24px;
2391
+ line-height: 32px;
2392
+ }
2393
+
2394
+ .E_d1b444tr {
2395
+ @include Inter();
2396
+ font-size: 32px;
2397
+ line-height: 40px;
2398
+ }
2399
+
2400
+ .E_dvs0kue {
2401
+ @include Inter(bold);
2402
+ font-size: 20px;
2403
+ line-height: 24px;
2404
+ }
2405
+
2406
+ .E_d1hcbfcq {
2407
+ @include Inter();
2408
+ font-size: 20px;
2409
+ line-height: 24px;
2410
+ }
2269
2411
 
2270
2412
  .E_d1cz922v {
2271
2413
  @include Inter(bold);
@@ -2591,10 +2733,8 @@
2591
2733
  }
2592
2734
 
2593
2735
 
2594
- .E_tju3gfj {
2595
- .date {
2596
- margin-right: 4px;
2597
- }
2736
+ .E_iq1gosr {
2737
+ display: inline-block;
2598
2738
  }
2599
2739
 
2600
2740
 
@@ -2603,211 +2743,104 @@
2603
2743
  }
2604
2744
 
2605
2745
 
2606
- .E_a1b5xrg3 {
2607
- .user-icon-inner {
2608
- display: inline-flex;
2609
- align-items: center;
2610
- justify-content: center;
2611
- color: $white;
2612
- font-weight: bold;
2613
- font-size: 12px;
2614
- width: 24px;
2615
- height: 24px;
2616
- border-radius: 50%;
2617
- background: var(--a1b5xrg3-0);
2746
+ .E_suhck3k {
2747
+ height: 24px;
2748
+ width: 24px;
2749
+ border-radius: 6px;
2750
+ padding: 4px;
2751
+ &:hover {
2752
+ background-color: $fill-outstanding-light;
2753
+ svg {
2754
+ path {
2755
+ fill: blue;
2756
+ }
2757
+ }
2618
2758
  }
2619
- &.btn-item {
2620
- transition: all 160ms ease;
2621
- cursor: pointer;
2622
- width: 56px;
2623
- height: 40px;
2624
- display: inline-flex;
2625
- align-items: center;
2626
- justify-content: center;
2627
- border-radius: 6px;
2759
+ }
2628
2760
 
2629
- &:hover {
2630
- box-shadow:
2631
- 0px 0px 20px rgba(107, 125, 153, 0.18),
2632
- 0px 25px 80px rgba(45, 58, 86, 0.3);
2633
- }
2634
2761
 
2635
- &:active {
2636
- transform: translateY(2px);
2637
- transition: all 320ms ease;
2638
- }
2762
+ .E_ryby9ds {
2763
+ display: flex;
2764
+ align-items: center;
2765
+ .order {
2766
+ height: 24px;
2767
+ width: 24px;
2768
+ border-radius: 20px;
2769
+ color: $text-light-general;
2770
+ background: $fill-light-element-container-outstanding;
2771
+ display: flex;
2772
+ align-items: center;
2773
+ justify-content: center;
2774
+ margin-right: 6px;
2639
2775
  }
2640
2776
  }
2641
2777
 
2642
2778
 
2643
- .E_t1m2x205 {
2644
- .ant-tooltip-arrow {
2645
- display: none;
2779
+ .E_hrhfj7c {
2780
+ display: none;
2781
+ }
2782
+
2783
+ .E_dt9qoak {
2784
+ .bottom {
2785
+ color: $text-neutral-secondary;
2646
2786
  }
2647
- .ant-tooltip-inner {
2648
- background: $gray-a80-9;
2649
- border-radius: 4px;
2650
- &:has(.eagle-ellipsis-content) {
2651
- visibility: hidden;
2652
- }
2787
+ .left {
2788
+ min-width: 0;
2653
2789
  }
2654
2790
  }
2655
2791
 
2792
+ .E_crhnxq5 {
2793
+ display: flex;
2794
+ flex-direction: row;
2795
+ justify-content: space-between;
2796
+ .label {
2797
+ color: $text-neutral-tertiary;
2798
+ font-weight: 400;
2799
+ }
2800
+ }
2656
2801
 
2657
- .E_s1dni7lo {
2658
- width: 430px !important;
2802
+ .E_c1iq43vd {
2803
+ display: flex;
2804
+ flex-direction: column;
2805
+ justify-content: center;
2806
+ align-items: center;
2807
+ height: 240px;
2808
+ width: 432px;
2659
2809
  }
2660
2810
 
2661
- .E_d1wwmmm5 {
2662
- .ant-select-item-group {
2663
- padding: 8px 16px;
2664
- line-height: 18px;
2665
- border-top: 1px solid rgba(211, 218, 235, 0.6);
2666
- height: 34px;
2667
- min-height: 34px;
2668
- box-sizing: border-box;
2669
- margin-top: 8px;
2811
+ .E_c1h2v0a8 {
2812
+ &.ant-input-affix-wrapper {
2813
+ border-radius: 0px;
2814
+ box-shadow: unset;
2815
+ border: 0;
2816
+ border-bottom: 1px solid $gray-30;
2670
2817
  }
2671
2818
  }
2672
2819
 
2673
- .E_o1ugr09p {
2674
- display: flex;
2675
- flex-direction: column;
2676
- margin: 1px 8px;
2677
- padding: 8px;
2678
- border-radius: 4px;
2679
-
2680
- .selected-icon {
2681
- display: none;
2820
+ .E_cgzzd7y {
2821
+ &.antd5-cascader .antd5-cascader-selector {
2822
+ padding: 4px;
2823
+ &:after {
2824
+ line-height: normal;
2682
2825
  }
2683
-
2684
- &.ant-select-item-option-grouped {
2685
- padding-left: 8px;
2826
+ .antd5-cascader-selection-search-input {
2827
+ height: 22px;
2686
2828
  }
2687
-
2688
- &.ant-select-item-option-selected {
2689
- background-color: white;
2690
- .timezone-title {
2691
- color: #0080ff;
2692
- }
2693
- .selected-icon {
2694
- display: block;
2829
+ .antd5-cascader-selection-overflow {
2830
+ row-gap: 2px;
2831
+ }
2832
+ .antd5-cascader-selection-overflow-item {
2833
+ line-height: normal;
2834
+ span {
2835
+ max-width: 100%;
2695
2836
  }
2696
2837
  }
2697
-
2698
- &.ant-select-item-option-active {
2699
- background: rgba(0, 136, 255, 0.16);
2700
- .timezone-title {
2701
- color: #0080ff;
2702
- }
2703
- .timezone-tag {
2704
- background: rgba(0, 136, 255, 0.1);
2705
- color: #0080ff;
2706
- }
2707
- }
2708
- }
2709
-
2710
- .E_o1ifxsq4 {
2711
- display: flex;
2712
- justify-content: space-between;
2713
- height: 20px;
2714
- line-height: 20px;
2715
-
2716
- .timezone-title {
2717
- color: #2d3a56;
2718
- overflow: hidden;
2719
- text-overflow: ellipsis;
2720
- }
2721
- }
2722
-
2723
- .E_o1zue7 {
2724
- display: flex;
2725
- justify-content: space-between;
2726
- color: $text-light-secondary;
2727
- height: 18px;
2728
- line-height: 18px;
2729
- margin-top: 2px;
2730
- }
2731
-
2732
- .E_tyfmlxg {
2733
- border: none;
2734
- margin-right: 0;
2735
- background: rgba(225, 230, 241, 0.6);
2736
- }
2737
-
2738
- .E_o18uybox {
2739
- pointer-events: none;
2740
- height: 32px;
2741
- width: 100%;
2742
- opacity: 0;
2743
- }
2744
-
2745
-
2746
- .E_hrhfj7c {
2747
- display: none;
2748
- }
2749
-
2750
- .E_dt9qoak {
2751
- .bottom {
2752
- color: $text-neutral-secondary;
2753
- }
2754
- .left {
2755
- min-width: 0;
2756
- }
2757
- }
2758
-
2759
- .E_crhnxq5 {
2760
- display: flex;
2761
- flex-direction: row;
2762
- justify-content: space-between;
2763
- .label {
2764
- color: $text-neutral-tertiary;
2765
- font-weight: 400;
2766
- }
2767
- }
2768
-
2769
- .E_c1iq43vd {
2770
- display: flex;
2771
- flex-direction: column;
2772
- justify-content: center;
2773
- align-items: center;
2774
- height: 240px;
2775
- width: 432px;
2776
- }
2777
-
2778
- .E_c1h2v0a8 {
2779
- &.ant-input-affix-wrapper {
2780
- border-radius: 0px;
2781
- box-shadow: unset;
2782
- border: 0;
2783
- border-bottom: 1px solid $gray-30;
2784
- }
2785
- }
2786
-
2787
- .E_cgzzd7y {
2788
- &.antd5-cascader .antd5-cascader-selector {
2789
- padding: 4px;
2790
- &:after {
2791
- line-height: normal;
2792
- }
2793
- .antd5-cascader-selection-search-input {
2794
- height: 22px;
2795
- }
2796
- .antd5-cascader-selection-overflow {
2797
- row-gap: 2px;
2798
- }
2799
- .antd5-cascader-selection-overflow-item {
2800
- line-height: normal;
2801
- span {
2802
- max-width: 100%;
2803
- }
2804
- }
2805
- .antd5-cascader-selection-placeholder {
2806
- font-size: 13px;
2807
- line-height: 20px;
2808
- }
2809
- }
2810
- }
2838
+ .antd5-cascader-selection-placeholder {
2839
+ font-size: 13px;
2840
+ line-height: 20px;
2841
+ }
2842
+ }
2843
+ }
2811
2844
 
2812
2845
  .E_c1ec3mnt {
2813
2846
  font-size: 13px;
@@ -2935,39 +2968,6 @@
2935
2968
  }
2936
2969
 
2937
2970
 
2938
- .E_suhck3k {
2939
- height: 24px;
2940
- width: 24px;
2941
- border-radius: 6px;
2942
- padding: 4px;
2943
- &:hover {
2944
- background-color: $fill-outstanding-light;
2945
- svg {
2946
- path {
2947
- fill: blue;
2948
- }
2949
- }
2950
- }
2951
- }
2952
-
2953
-
2954
- .E_ryby9ds {
2955
- display: flex;
2956
- align-items: center;
2957
- .order {
2958
- height: 24px;
2959
- width: 24px;
2960
- border-radius: 20px;
2961
- color: $text-light-general;
2962
- background: $fill-light-element-container-outstanding;
2963
- display: flex;
2964
- align-items: center;
2965
- justify-content: center;
2966
- margin-right: 6px;
2967
- }
2968
- }
2969
-
2970
-
2971
2971
  .E_s17wv897 {
2972
2972
  &.ant-select,
2973
2973
  &.ant-select div.ant-select-selector {
@@ -3612,23 +3612,63 @@
3612
3612
  }
3613
3613
 
3614
3614
 
3615
- .E_r77hffu {
3616
- display: flex;
3617
- align-items: center;
3618
- justify-content: space-between;
3619
- column-gap: 6px;
3615
+ .E_c1yd35n {
3616
+ padding: 0 12px 14px 12px;
3620
3617
  }
3621
3618
 
3622
- .E_p1cmxsf7 {
3619
+
3620
+ .E_ckui4s7 {
3621
+ color: $text-primary-light;
3622
+ line-height: 22px;
3623
+ display: inline-flex;
3624
+ .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; } } }
3625
+ }
3626
+
3627
+
3628
+ .E_c1kghdax {
3629
+ color: $text-primary-light;
3630
+ padding: 7px 12px;
3623
3631
  display: flex;
3624
- flex-direction: column;
3625
- justify-content: center;
3626
- row-gap: var(--p1cmxsf7-0);
3632
+ justify-content: space-between;
3633
+ align-items: center;
3627
3634
 
3628
- .antd5-progress-line {
3629
- font-size: 0;
3630
- margin-bottom: unset;
3631
- margin-inline-end: unset;
3635
+ &.has-arrow {
3636
+ padding-left: 10px;
3637
+
3638
+ .title-wrapper {
3639
+ cursor: pointer;
3640
+ color: $text-light-primary;
3641
+
3642
+ &.is-open {
3643
+ color: $text-primary-light;
3644
+ font-weight: 600;
3645
+
3646
+ .collapse-arrow {
3647
+ transform: rotate(90deg);
3648
+ }
3649
+ }
3650
+ }
3651
+ }
3652
+
3653
+ .sub-info {
3654
+ font-size: 12px;
3655
+ line-height: 18px;
3656
+ }
3657
+
3658
+ .title-wrapper {
3659
+ display: flex;
3660
+ align-items: center;
3661
+ user-select: none;
3662
+ flex-grow: 1;
3663
+ font-size: 12px;
3664
+ line-height: 18px;
3665
+ color: $text-primary-light;
3666
+ font-weight: 700;
3667
+ }
3668
+
3669
+ .collapse-arrow {
3670
+ transition: all 50ms ease-out 0ms;
3671
+ margin-right: 2px;
3632
3672
  }
3633
3673
  }
3634
3674
 
@@ -3643,6 +3683,7 @@
3643
3683
  &.antd5-segmented-sm .antd5-segmented-item-label {
3644
3684
  padding-left: 8px;
3645
3685
  padding-right: 8px;
3686
+ font-size: 12px;
3646
3687
  }
3647
3688
 
3648
3689
  &.antd5-segmented-sm .antd5-segmented-item-selected {
@@ -3691,1225 +3732,1203 @@
3691
3732
  }
3692
3733
 
3693
3734
 
3694
- .E_c1yd35n {
3695
- padding: 0 12px 14px 12px;
3735
+ .E_r77hffu {
3736
+ display: flex;
3737
+ align-items: center;
3738
+ justify-content: space-between;
3739
+ column-gap: 6px;
3696
3740
  }
3697
3741
 
3742
+ .E_p1cmxsf7 {
3743
+ display: flex;
3744
+ flex-direction: column;
3745
+ justify-content: center;
3746
+ row-gap: var(--p1cmxsf7-0);
3698
3747
 
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; } } }
3748
+ .antd5-progress-line {
3749
+ font-size: 0;
3750
+ margin-bottom: unset;
3751
+ margin-inline-end: unset;
3752
+ }
3704
3753
  }
3705
3754
 
3706
3755
 
3707
- .E_c1kghdax {
3708
- color: $text-primary-light;
3709
- padding: 7px 12px;
3756
+ .E_lht19u8 {
3757
+ width: 64px;
3758
+ height: 64px;
3710
3759
  display: flex;
3711
- justify-content: space-between;
3712
3760
  align-items: center;
3761
+ justify-content: center;
3762
+ position: relative;
3763
+ opacity: 0.2;
3764
+ }
3713
3765
 
3714
- &.has-arrow {
3715
- padding-left: 10px;
3766
+ .E_lk3gkp4 {
3767
+ position: absolute;
3768
+ width: 5px;
3769
+ height: 48px;
3770
+ left: 9.33px;
3771
+ top: 40.5px;
3716
3772
 
3717
- .title-wrapper {
3718
- cursor: pointer;
3719
- color: $text-light-primary;
3720
-
3721
- &.is-open {
3722
- color: $text-primary-light;
3723
- font-weight: 600;
3773
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3774
+ border-radius: 5px;
3775
+ transform: rotate(-128deg);
3776
+ transform-origin: top left;
3724
3777
 
3725
- .collapse-arrow {
3726
- transform: rotate(90deg);
3727
- }
3728
- }
3729
- }
3730
- }
3778
+ animation: loading-indicator1 1100ms ease-out infinite;
3779
+ }
3731
3780
 
3732
- .sub-info {
3733
- font-size: 12px;
3734
- line-height: 18px;
3735
- }
3781
+ .E_ll4n94n {
3782
+ position: absolute;
3783
+ width: 5px;
3784
+ height: 48px;
3785
+ left: 40.8px;
3786
+ top: 8.4px;
3736
3787
 
3737
- .title-wrapper {
3738
- display: flex;
3739
- align-items: center;
3740
- user-select: none;
3741
- flex-grow: 1;
3742
- font-size: 12px;
3743
- line-height: 18px;
3744
- color: $text-primary-light;
3745
- font-weight: 700;
3746
- }
3788
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3789
+ border-radius: 5px;
3790
+ transform: rotate(-8deg);
3791
+ transform-origin: top left;
3747
3792
 
3748
- .collapse-arrow {
3749
- transition: all 50ms ease-out 0ms;
3750
- margin-right: 2px;
3751
- }
3793
+ animation: loading-indicator2 1100ms ease-out infinite;
3752
3794
  }
3753
3795
 
3796
+ .E_l17lbdo6 {
3797
+ position: absolute;
3798
+ width: 5px;
3799
+ height: 48px;
3800
+ left: 52.9px;
3801
+ top: 51.8px;
3754
3802
 
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
- }
3803
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3804
+ border-radius: 5px;
3805
+ transform: rotate(112deg);
3806
+ transform-origin: top left;
3773
3807
 
3774
- &:hover,
3775
- &.__pseudo-states-hover {
3776
- color: #009DFF;
3777
- }
3808
+ animation: loading-indicator3 1100ms ease-out infinite;
3809
+ }
3778
3810
 
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;
3788
3811
 
3789
- &:hover,
3790
- &.__pseudo-states-hover {
3791
- color: #0080FF;
3792
- }
3812
+ .E_msn7nxt {
3813
+ color: $text-light-secondary;
3814
+ text-align: center;
3793
3815
 
3794
- &:active,
3795
- &.__pseudo-states-active {
3796
- color: #005ED1;
3797
- }
3816
+ display: flex;
3817
+ align-items: center;
3818
+ justify-content: center;
3819
+ flex-direction: column;
3820
+ height: 100%;
3798
3821
 
3799
- &.ui-kit-link-disabled {
3800
- color: #00122E;
3801
- }
3802
- }
3822
+ .link {
3823
+ color: $text-light-general;
3824
+ cursor: pointer;
3825
+ }
3826
+ }
3803
3827
 
3804
- &.ui-kit-link-secondary {
3805
- color: #2C3852BF;
3828
+ .E_mp64wfi {
3829
+ width: 100%;
3830
+ height: 100%;
3831
+ display: flex;
3832
+ flex-direction: column;
3806
3833
 
3807
- &:hover,
3808
- &.__pseudo-states-hover {
3809
- color: #0080FF;
3810
- }
3834
+ .name-toolbar {
3835
+ width: 100%;
3836
+ display: flex;
3837
+ line-height: 30px;
3838
+ padding: 0 16px;
3839
+ justify-content: space-between;
3840
+ .metric-extra {
3841
+ display: flex;
3842
+ font-size: 12px;
3843
+ align-items: center;
3811
3844
 
3812
- &:active,
3813
- &.__pseudo-states-active {
3814
- color: #005ED1;
3815
- }
3845
+ .info-item {
3846
+ color: $gray-60;
3847
+ }
3848
+ .info-item + .info-item {
3849
+ margin-left: 10px;
3850
+ }
3816
3851
 
3817
- &.ui-kit-link-disabled {
3818
- color: #2C3852BF;
3819
- }
3852
+ .menu-trigger {
3853
+ margin-left: 10px;
3854
+ cursor: pointer;
3820
3855
  }
3821
3856
  }
3822
3857
  }
3823
- }
3824
3858
 
3859
+ .content {
3860
+ flex: 1;
3861
+ width: 100%;
3862
+ display: flex;
3863
+ justify-content: center;
3864
+ align-items: center;
3865
+ }
3866
+ .single-content {
3867
+ height: 65px;
3868
+ }
3869
+ }
3825
3870
 
3826
- .E_l1ucdodl {
3827
- $prefix: ui-kit-status-legend;
3828
- margin: 0;
3829
- border-radius: 20px;
3830
- padding: 2px 10px;
3831
- height: 22px;
3871
+ .E_l1oyigan {
3832
3872
  display: flex;
3833
3873
  align-items: center;
3874
+ white-space: nowrap;
3875
+ overflow: hidden;
3876
+ width: 100%;
3834
3877
 
3835
- &.ui-kit-status-legend.on-tint {
3836
- color: $text-neutral-ontint;
3878
+ .ant-dropdown-trigger {
3879
+ margin-left: auto;
3880
+ font-size: 12px;
3837
3881
  }
3838
- &.tag-hover {
3839
- cursor: pointer;
3882
+ }
3883
+
3884
+ .E_l1noi4n1 {
3885
+ display: flex;
3886
+ justify-content: flex-start;
3887
+ align-items: center;
3888
+ font-size: 12px;
3889
+ cursor: pointer;
3890
+
3891
+ &:not(:last-child) {
3892
+ margin-right: 20px;
3840
3893
  }
3894
+ &.deselected {
3895
+ opacity: 0.4;
3841
3896
 
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
- }
3897
+ .color-block {
3898
+ background: #b4beca !important;
3883
3899
  }
3884
3900
  }
3885
3901
  }
3886
3902
 
3887
- .E_s1qj66nc {
3888
- width: 8px;
3889
- height: 8px;
3890
- border-radius: 50%;
3903
+ .E_cz19rz6 {
3891
3904
  display: inline-block;
3905
+ height: 8px;
3906
+ width: 8px;
3907
+ margin-right: 8px;
3892
3908
  }
3893
3909
 
3894
- .E_s5x1boq {
3895
- width: 8px;
3896
- height: 8px;
3897
- border-radius: 2px;
3898
- display: inline-block;
3910
+ .E_e17r5r9c {
3911
+ .ant-dropdown-menu-item {
3912
+ display: flex;
3913
+ align-items: center;
3914
+ font-size: 12px;
3915
+ margin: 0;
3916
+ }
3899
3917
  }
3900
3918
 
3901
- .E_c1xm185 {
3902
- color: #2C385299;
3903
- }
3919
+ .E_m1y1hhnr {
3920
+ position: relative;
3904
3921
 
3905
- .E_c1x5l5qc {
3906
- flex: 1;
3907
- }
3922
+ &.hidden-xaxis .pointer-wrapper {
3923
+ bottom: -12px;
3924
+ }
3908
3925
 
3926
+ .metric-toolbar {
3927
+ display: flex;
3928
+ justify-content: space-between;
3929
+ line-height: 30px;
3930
+ margin: 0 16px;
3909
3931
 
3910
- .E_sddwhm6 {
3911
- $prefix: ui-kit-status-capsule;
3912
- margin: 0;
3913
- border-radius: 20px;
3914
- padding: 2px 10px;
3915
- height: 22px;
3932
+ .metric-extra {
3933
+ display: flex;
3934
+ font-size: 12px;
3935
+ align-items: center;
3916
3936
 
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
- }
3923
- }
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;
3937
+ .info-item {
3938
+ color: $gray-60;
3971
3939
  }
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;
3940
+ .info-item + .info-item {
3941
+ margin-left: 10px;
3977
3942
  }
3978
- &.tag-hover:hover,
3979
- &.__pseudo-states-hover {
3980
- background-color: $fill-neutral-trans-3-trans-2-hover;
3943
+
3944
+ .menu-trigger {
3945
+ margin-left: 10px;
3946
+ cursor: pointer;
3981
3947
  }
3982
3948
  }
3983
3949
  }
3984
- }
3985
3950
 
3986
- .E_satwmqm {
3987
- width: 8px;
3988
- height: 8px;
3989
- border-radius: 50%;
3990
- display: inline-block;
3991
- }
3951
+ .recharts-xAxis {
3952
+ font-size: 12px;
3953
+ }
3992
3954
 
3955
+ .pointer-wrapper {
3956
+ position: absolute;
3957
+ bottom: 10px;
3958
+ padding: 0 8px;
3959
+ border-radius: 4px;
3960
+ font-size: 12px;
3961
+ color: $white;
3962
+ background: rgba(0, 0, 0, 0.75);
3963
+ transform: translateX(-50%);
3964
+ }
3965
+ }
3993
3966
 
3994
- .E_tc97u5y {
3995
- height: 100%;
3967
+ .E_tnvijvs {
3968
+ min-width: 200px;
3996
3969
  }
3997
3970
 
3998
- .E_efzf37v {
3999
- .ant-table-content,
4000
- .ant-table-body {
4001
- overflow: visible !important;
4002
- height: 100%;
4003
- }
3971
+ .E_t1ub2aex {
3972
+ display: flex;
3973
+ align-items: center;
3974
+ justify-content: space-between;
3975
+ background-color: rgba(0, 0, 0, 0.75);
3976
+ color: #b4beca;
3977
+ font-size: 12px;
3978
+ padding: 3px 6px;
4004
3979
 
4005
- .ant-table-tbody .ant-table-placeholder td {
4006
- height: 100%;
3980
+ &:first-child {
3981
+ padding-top: 3px;
4007
3982
  }
4008
-
4009
- table {
4010
- width: 100% !important;
4011
- height: 100%;
4012
- .ant-table-placeholder .ant-table-expanded-row-fixed {
4013
- padding: 15px 0;
4014
- }
3983
+ &:last-child {
3984
+ padding-bottom: 3px;
4015
3985
  }
4016
-
4017
- table thead.ant-table-thead {
4018
- display: none;
3986
+ .column-value {
3987
+ color: $white;
3988
+ margin-left: 8px;
4019
3989
  }
4020
3990
  }
4021
3991
 
4022
- .E_t1fisho6 {
4023
- height: 100%;
4024
-
4025
- .ant-table.ant-table-small .ant-table-tbody > tr > td {
4026
- padding-top: 6px;
4027
- padding-bottom: 6px;
4028
- }
4029
3992
 
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
- }
3993
+ .E_m11nzl2x {
3994
+ color: $text-light-secondary;
3995
+ text-align: center;
4036
3996
 
4037
- .ant-spin-nested-loading {
4038
- height: 100%;
3997
+ display: flex;
3998
+ align-items: center;
3999
+ justify-content: center;
4000
+ flex-direction: column;
4001
+ height: 100%;
4039
4002
 
4040
- .ant-spin-container {
4041
- height: 100%;
4042
- overflow: visible;
4043
- }
4044
- .ant-spin {
4045
- max-height: none;
4046
- }
4003
+ .link {
4004
+ color: $text-light-general;
4005
+ cursor: pointer;
4047
4006
  }
4007
+ }
4048
4008
 
4049
- td.ant-table-column-sort {
4050
- background: transparent;
4051
- }
4009
+ .E_mn7joto {
4010
+ width: 100%;
4011
+ height: 100%;
4012
+ display: flex;
4013
+ flex-direction: column;
4052
4014
 
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 {
4015
+ .name-toolbar {
4016
+ width: 100%;
4017
+ display: flex;
4018
+ line-height: 30px;
4019
+ justify-content: space-between;
4020
+ .metric-extra {
4058
4021
  display: flex;
4022
+ font-size: 12px;
4059
4023
  align-items: center;
4060
- height: 100%;
4061
- padding: 8px;
4062
- > span {
4063
- overflow: hidden;
4064
- text-overflow: ellipsis;
4065
- width: 100%;
4024
+
4025
+ .info-item {
4026
+ color: $gray-60;
4027
+ }
4028
+ .info-item + .info-item {
4029
+ margin-left: 10px;
4030
+ }
4031
+
4032
+ .menu-trigger {
4033
+ margin-left: 10px;
4034
+ cursor: pointer;
4066
4035
  }
4067
4036
  }
4068
4037
  }
4069
4038
 
4070
- .ant-table-container {
4071
- height: 100%;
4072
- &::before,
4073
- &::after {
4074
- box-shadow: none !important;
4075
- }
4039
+ .content {
4040
+ flex: 1;
4041
+ width: 100%;
4042
+ display: flex;
4043
+ justify-content: center;
4044
+ align-items: center;
4045
+ }
4046
+ .single-content {
4047
+ height: 65px;
4076
4048
  }
4049
+ }
4077
4050
 
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%;
4085
- font-size: 12px;
4086
- background: transparent;
4051
+ .E_l1bifhon {
4052
+ display: flex;
4053
+ align-items: center;
4054
+ white-space: nowrap;
4055
+ overflow: hidden;
4056
+ width: 100%;
4087
4057
 
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;
4093
- }
4058
+ .ant-dropdown-trigger {
4059
+ font-size: 12px;
4060
+ margin-left: 8px;
4061
+ }
4062
+ }
4094
4063
 
4095
- .time-wrapper .date,
4096
- .value {
4097
- color: $text-primary-light;
4098
- }
4064
+ .E_ltthzck {
4065
+ display: flex;
4066
+ justify-content: flex-start;
4067
+ align-items: center;
4068
+ font-size: 12px;
4069
+ cursor: pointer;
4070
+ &:not(:first-child) {
4071
+ margin-left: 8px;
4072
+ }
4099
4073
 
4100
- .time-wrapper .time,
4101
- .unit {
4102
- color: $text-secondary-light;
4103
- }
4074
+ &.deselected,
4075
+ &.hovering {
4076
+ opacity: 0.3;
4104
4077
 
4105
- .ant-table-selection {
4106
- position: unset;
4107
- text-align: center;
4078
+ &:not(.hoverering-self) .color-block {
4079
+ background: #b4beca !important;
4080
+ border-radius: 2px;
4108
4081
  }
4082
+ }
4083
+ &.hoverering-self {
4084
+ opacity: 1;
4085
+ }
4086
+ .dropdown-trigger {
4087
+ margin-left: 12px;
4088
+ }
4089
+ .legend-name {
4090
+ color: $text-light-primary;
4091
+ }
4092
+ }
4109
4093
 
4110
- .ant-table-tbody > tr.ant-table-row-selected td {
4111
- background: $white;
4112
- }
4094
+ .E_l1mumj7o {
4095
+ display: flex;
4096
+ justify-content: flex-start;
4097
+ align-items: center;
4098
+ font-size: 12px;
4099
+ cursor: pointer;
4113
4100
 
4114
- .anticon-setting {
4115
- cursor: pointer;
4116
- position: absolute;
4117
- top: 50%;
4118
- right: 12px;
4119
- transform: translateY(-50%);
4120
- }
4101
+ &.deselected,
4102
+ &.hovering {
4103
+ opacity: 0.3;
4121
4104
 
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);
4127
- }
4105
+ &:not(.hoverering-self) .color-block {
4106
+ background: #b4beca !important;
4107
+ border-radius: 2px;
4128
4108
  }
4109
+ }
4110
+ .legend-name {
4111
+ color: $text-light-primary;
4112
+ }
4113
+ &.hoverering-self {
4114
+ opacity: 1;
4115
+ }
4116
+ }
4129
4117
 
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);
4135
- }
4136
- }
4118
+ .E_c14rn6j5 {
4119
+ display: inline-block;
4120
+ height: 8px;
4121
+ width: 8px;
4122
+ margin-right: 6px;
4123
+ border-radius: 2px;
4124
+ }
4137
4125
 
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;
4126
+ .E_e45tc5l {
4127
+ .ant-dropdown-menu-item {
4128
+ display: flex;
4129
+ align-items: center;
4130
+ font-size: 12px;
4131
+ margin: 0;
4132
+ }
4133
+ }
4148
4134
 
4149
- &.header-hover {
4150
- background: $fills-light-opaque-1;
4151
- border-bottom-color: $fills-light-opaque-1;
4152
- }
4135
+ .E_lqeaosa {
4136
+ position: relative;
4153
4137
 
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;
4138
+ &.hidden-xaxis .pointer-wrapper {
4139
+ bottom: -12px;
4140
+ }
4163
4141
 
4164
- &:hover {
4165
- color: $blue;
4166
- }
4142
+ .metric-toolbar {
4143
+ display: flex;
4144
+ justify-content: space-between;
4145
+ line-height: 30px;
4146
+ .metric-extra {
4147
+ display: flex;
4148
+ flex-shrink: 0;
4149
+ font-size: 12px;
4150
+ align-items: center;
4167
4151
 
4168
- > span {
4169
- overflow: hidden;
4170
- text-overflow: ellipsis;
4171
- width: 100%;
4172
- vertical-align: middle;
4173
- }
4174
- }
4152
+ .info-item {
4153
+ color: $gray-60;
4154
+ }
4155
+ .info-item + .info-item {
4156
+ margin-left: 10px;
4157
+ }
4175
4158
 
4176
- &.cell_status {
4177
- line-height: 0px;
4178
- }
4179
- &.align-right {
4180
- padding-right: $columnAlignRightPaddingRight;
4181
- }
4182
- }
4159
+ .menu-trigger {
4160
+ margin-left: 10px;
4161
+ cursor: pointer;
4162
+ }
4163
+ }
4164
+ }
4183
4165
 
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;
4166
+ .recharts-xAxis {
4167
+ font-size: 12px;
4168
+ }
4191
4169
 
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;
4170
+ .pointer-wrapper {
4171
+ position: absolute;
4172
+ bottom: 10px;
4173
+ padding: 0 8px;
4174
+ font-size: 12px;
4175
+ color: $white;
4176
+ transform: translateX(-50%);
4177
+ }
4178
+ }
4212
4179
 
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
- }
4180
+ .E_t2pr38p {
4181
+ min-width: 200px;
4182
+ background-color: $fill-neutral-trans-8;
4183
+ border-radius: 4px;
4184
+ box-shadow: 0px 1px 4px 0px rgba(29, 50, 108, 0.6);
4185
+ padding: 8px;
4186
+ }
4229
4187
 
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
- }
4188
+ .E_tecdsj7 {
4189
+ display: flex;
4190
+ align-items: center;
4191
+ background-color: unset;
4192
+ color: $text-neutral-ontint;
4193
+ justify-content: space-between;
4194
+ font-size: 12px;
4195
+ padding-top: 6px;
4242
4196
 
4243
- &:last-child td {
4244
- border-bottom: 1px solid $strokes-light-trans-2;
4245
- }
4197
+ &:first-child {
4198
+ padding-top: 3px;
4199
+ }
4200
+ &:last-child {
4201
+ padding-bottom: 3px;
4202
+ }
4203
+ .column-value {
4204
+ color: $text-neutral-ontint;
4205
+ margin-left: 8px;
4206
+ }
4207
+ }
4246
4208
 
4247
- &.active-row {
4248
- box-shadow: inset 0px 0px 0 2px $blue-a10;
4249
- border-radius: 8px;
4209
+ .E_ljhvvia {
4210
+ display: inline-block;
4211
+ height: 8px;
4212
+ width: 8px;
4213
+ margin-right: 8px;
4214
+ border-radius: 2px;
4215
+ &.borderd {
4216
+ border: 1px solid $stroke-neutral-white;
4217
+ }
4218
+ }
4250
4219
 
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;
4258
4220
 
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
- }
4221
+ .E_t1gvlxt5 {
4222
+ min-width: 0;
4223
+ flex: 1;
4224
+ .tag {
4225
+ flex: 0 0 auto;
4226
+ }
4227
+ .progress-title {
4228
+ flex: 2;
4229
+ max-width: fit-content;
4230
+ }
4231
+ .progress-desc {
4232
+ flex: 1;
4233
+ max-width: fit-content;
4234
+ }
4235
+ }
4272
4236
 
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;
4237
+ .E_a1ji6r68 {
4238
+ display: flex;
4239
+ align-items: center;
4240
+ column-gap: var(--a1ji6r68-0);
4241
+ }
4283
4242
 
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
- }
4293
4243
 
4294
- &.is-blank {
4295
- padding: unset;
4244
+ .E_l48ei06 {
4245
+ @at-root {
4246
+ button#{&}.ant-btn,
4247
+ button#{&}.ant-btn.ant-btn-sm,
4248
+ button#{&}.ant-btn.ant-btn-lg {
4249
+ font-size: 12px;
4250
+ line-height: 18px;
4251
+ height: 18px;
4252
+ }
4253
+ button#{&} {
4254
+ color: #0080FF;
4255
+ height: unset;
4256
+ .button-prefix-icon {
4257
+ margin-right: 4px;
4258
+ }
4259
+ .button-suffix-icon {
4260
+ margin-left: 4px;
4261
+ }
4296
4262
 
4297
- &:after {
4298
- display: none;
4299
- }
4300
- }
4263
+ &:hover,
4264
+ &.__pseudo-states-hover {
4265
+ color: #009DFF;
4266
+ }
4301
4267
 
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
- }
4268
+ &:active,
4269
+ &.__pseudo-states-active {
4270
+ color: #005ED1;
4271
+ }
4272
+ &.ui-kit-link-disabled {
4273
+ color: #0080FF;
4274
+ }
4275
+ &.ui-kit-link-primary {
4276
+ color: #00122E;
4314
4277
 
4315
- &.ant-table-column-has-sorters {
4316
- padding: 15px $columnAlignRightPaddingRight 15px 8px;
4278
+ &:hover,
4279
+ &.__pseudo-states-hover {
4280
+ color: #0080FF;
4281
+ }
4317
4282
 
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;
4283
+ &:active,
4284
+ &.__pseudo-states-active {
4285
+ color: #005ED1;
4286
+ }
4328
4287
 
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
- }
4288
+ &.ui-kit-link-disabled {
4289
+ color: #00122E;
4341
4290
  }
4291
+ }
4342
4292
 
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
- }
4293
+ &.ui-kit-link-secondary {
4294
+ color: #2C3852BF;
4295
+
4296
+ &:hover,
4297
+ &.__pseudo-states-hover {
4298
+ color: #0080FF;
4352
4299
  }
4353
4300
 
4354
- &:hover:not(.is-blank) {
4355
- background: $fills-light-opaque-1;
4356
- .ant-table-column-sorters .order-icon {
4357
- display: block;
4358
- }
4301
+ &:active,
4302
+ &.__pseudo-states-active {
4303
+ color: #005ED1;
4359
4304
  }
4360
- &.align-right {
4361
- padding-right: $columnAlignRightPaddingRight;
4305
+
4306
+ &.ui-kit-link-disabled {
4307
+ color: #2C3852BF;
4362
4308
  }
4363
4309
  }
4364
4310
  }
4311
+ }
4312
+ }
4365
4313
 
4366
- .ant-table-selection-column {
4367
- padding: 0 !important;
4368
4314
 
4369
- .ant-checkbox-wrapper {
4370
- position: absolute;
4371
- left: 50%;
4372
- top: 50%;
4373
- transform: translate(-50%, -50%);
4374
- }
4375
- &:after {
4376
- display: none;
4315
+ .E_l1ucdodl {
4316
+ $prefix: ui-kit-status-legend;
4317
+ margin: 0;
4318
+ border-radius: 20px;
4319
+ padding: 2px 10px;
4320
+ height: 22px;
4321
+ display: flex;
4322
+ align-items: center;
4323
+
4324
+ &.ui-kit-status-legend.on-tint {
4325
+ color: $text-neutral-ontint;
4326
+ }
4327
+ &.tag-hover {
4328
+ cursor: pointer;
4329
+ }
4330
+
4331
+ &.#{$prefix} {
4332
+ color: $text-neutral-primary;
4333
+ .#{$prefix}-icon {
4334
+ margin-right: 6px;
4335
+ }
4336
+ .#{$prefix}-number {
4337
+ margin-left: 8px;
4338
+ color: #2C385299;
4339
+ &.#{$prefix}-number.on-tint {
4340
+ color: $text-neutral-ontint;
4377
4341
  }
4378
4342
  }
4379
-
4380
- .ant-table-hide-scrollbar {
4381
- background: $white;
4343
+ &.eagle-legend-blue {
4344
+ .#{$prefix}-icon {
4345
+ background-color: $fill-outstanding-base;
4346
+ }
4382
4347
  }
4383
- .ant-table-placeholder {
4384
- background: inherit;
4385
-
4386
- td {
4387
- position: static;
4388
- border: none;
4389
- background: inherit !important;
4390
- height: 100px;
4391
- vertical-align: middle;
4348
+ &.eagle-legend-red {
4349
+ .#{$prefix}-icon {
4350
+ background-color: $fill-serious-base;
4392
4351
  }
4393
-
4394
- .table-default-empty,
4395
- .ant-table-expanded-row-fixed {
4396
- font-weight: bold;
4397
- font-size: 20px;
4398
- color: $text-terdiary-light;
4352
+ }
4353
+ &.eagle-legend-yellow {
4354
+ .#{$prefix}-icon {
4355
+ background-color: $fill-notice-base;
4399
4356
  }
4400
4357
  }
4401
- th.ant-table-cell-scrollbar,
4402
- th.cell__action_ {
4403
- z-index: 10;
4358
+ &.eagle-legend-green {
4359
+ .#{$prefix}-icon {
4360
+ background-color: $fill-positive-base;
4361
+ }
4404
4362
  }
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;
4363
+ &.eagle-legend-gray {
4364
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4365
+ background-color: $gray-70;
4415
4366
  }
4416
- .menu-button {
4417
- width: 24px;
4418
- height: 24px;
4419
- cursor: pointer;
4420
- justify-content: center;
4421
- border-radius: 4px;
4422
-
4423
- &:hover {
4424
- background: $white;
4425
- }
4367
+ }
4368
+ &.eagle-legend-purple {
4369
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4370
+ background-color: $purple-50;
4426
4371
  }
4427
4372
  }
4428
4373
  }
4429
4374
  }
4430
4375
 
4376
+ .E_s1qj66nc {
4377
+ width: 8px;
4378
+ height: 8px;
4379
+ border-radius: 50%;
4380
+ display: inline-block;
4381
+ }
4431
4382
 
4432
- .E_m11nzl2x {
4433
- color: $text-light-secondary;
4434
- text-align: center;
4383
+ .E_s5x1boq {
4384
+ width: 8px;
4385
+ height: 8px;
4386
+ border-radius: 2px;
4387
+ display: inline-block;
4388
+ }
4435
4389
 
4436
- display: flex;
4437
- align-items: center;
4438
- justify-content: center;
4439
- flex-direction: column;
4440
- height: 100%;
4390
+ .E_c1xm185 {
4391
+ color: #2C385299;
4392
+ }
4441
4393
 
4442
- .link {
4443
- color: $text-light-general;
4444
- cursor: pointer;
4445
- }
4446
- }
4394
+ .E_c1x5l5qc {
4395
+ flex: 1;
4396
+ }
4447
4397
 
4448
- .E_mn7joto {
4449
- width: 100%;
4450
- height: 100%;
4451
- display: flex;
4452
- flex-direction: column;
4453
4398
 
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;
4399
+ .E_sddwhm6 {
4400
+ $prefix: ui-kit-status-capsule;
4401
+ margin: 0;
4402
+ border-radius: 20px;
4403
+ padding: 2px 10px;
4404
+ height: 22px;
4463
4405
 
4464
- .info-item {
4465
- color: $gray-60;
4406
+ &.ant-tag.#{$prefix}.off-white {
4407
+ background-color: $fill-neutral-trans-1 !important;
4408
+ &.tag-hover:hover,
4409
+ &.__pseudo-states-hover {
4410
+ background-color: $fill-neutral-trans-2 !important;
4411
+ }
4412
+ }
4413
+ &.ant-tag.#{$prefix} {
4414
+ color: $text-neutral-primary;
4415
+ .#{$prefix}-icon {
4416
+ margin-right: 6px;
4417
+ }
4418
+ .#{$prefix}-number {
4419
+ margin-left: 8px;
4420
+ color: #2C385299;
4421
+ }
4422
+ &.ant-tag-blue {
4423
+ background-color: $fill-outstanding-light;
4424
+ .#{$prefix}-icon {
4425
+ background-color: $fill-outstanding-base;
4466
4426
  }
4467
- .info-item + .info-item {
4468
- margin-left: 10px;
4427
+ &.tag-hover:hover,
4428
+ &.__pseudo-states-hover {
4429
+ background-color: $fill-outstanding-light-hover;
4430
+ }
4431
+ }
4432
+ &.ant-tag-red {
4433
+ background-color: $fill-serious-light;
4434
+ .#{$prefix}-icon {
4435
+ background-color: $fill-serious-base;
4436
+ }
4437
+ &.tag-hover:hover,
4438
+ &.__pseudo-states-hover {
4439
+ background-color: $fill-serious-light-hover;
4440
+ }
4441
+ }
4442
+ &.ant-tag-yellow {
4443
+ background-color: $fill-notice-light;
4444
+ .#{$prefix}-icon {
4445
+ background-color: $fill-notice-base;
4446
+ }
4447
+ &.tag-hover:hover,
4448
+ &.__pseudo-states-hover {
4449
+ background-color: $fill-notice-light-hover;
4450
+ }
4451
+ }
4452
+ &.ant-tag-green {
4453
+ background-color: $fill-positive-light;
4454
+ .#{$prefix}-icon {
4455
+ background-color: $fill-positive-base;
4456
+ }
4457
+ &.tag-hover:hover,
4458
+ &.__pseudo-states-hover {
4459
+ background-color: $fill-positive-light-hover;
4460
+ }
4461
+ }
4462
+ &.ant-tag-gray {
4463
+ background-color: $fill-neutral-trans-2;
4464
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4465
+ background-color: $gray-70;
4469
4466
  }
4470
-
4471
- .menu-trigger {
4472
- margin-left: 10px;
4473
- cursor: pointer;
4467
+ &.tag-hover:hover,
4468
+ &.__pseudo-states-hover {
4469
+ background-color: $fill-neutral-trans-3-trans-2-hover;
4474
4470
  }
4475
4471
  }
4476
4472
  }
4473
+ }
4477
4474
 
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
- }
4475
+ .E_satwmqm {
4476
+ width: 8px;
4477
+ height: 8px;
4478
+ border-radius: 50%;
4479
+ display: inline-block;
4488
4480
  }
4489
4481
 
4490
- .E_l1bifhon {
4491
- display: flex;
4492
- align-items: center;
4493
- white-space: nowrap;
4494
- overflow: hidden;
4495
- width: 100%;
4496
4482
 
4497
- .ant-dropdown-trigger {
4498
- font-size: 12px;
4499
- margin-left: 8px;
4500
- }
4483
+ .E_tc97u5y {
4484
+ height: 100%;
4501
4485
  }
4502
4486
 
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;
4487
+ .E_efzf37v {
4488
+ .ant-table-content,
4489
+ .ant-table-body {
4490
+ overflow: visible !important;
4491
+ height: 100%;
4511
4492
  }
4512
4493
 
4513
- &.deselected,
4514
- &.hovering {
4515
- opacity: 0.3;
4494
+ .ant-table-tbody .ant-table-placeholder td {
4495
+ height: 100%;
4496
+ }
4516
4497
 
4517
- &:not(.hoverering-self) .color-block {
4518
- background: #b4beca !important;
4519
- border-radius: 2px;
4498
+ table {
4499
+ width: 100% !important;
4500
+ height: 100%;
4501
+ .ant-table-placeholder .ant-table-expanded-row-fixed {
4502
+ padding: 15px 0;
4520
4503
  }
4521
4504
  }
4522
- &.hoverering-self {
4523
- opacity: 1;
4524
- }
4525
- .dropdown-trigger {
4526
- margin-left: 12px;
4505
+
4506
+ table thead.ant-table-thead {
4507
+ display: none;
4527
4508
  }
4528
4509
  }
4529
4510
 
4530
- .E_l1mumj7o {
4531
- display: flex;
4532
- justify-content: flex-start;
4533
- align-items: center;
4534
- font-size: 12px;
4535
- cursor: pointer;
4511
+ .E_t1fisho6 {
4512
+ height: 100%;
4536
4513
 
4537
- &.deselected,
4538
- &.hovering {
4539
- opacity: 0.3;
4514
+ .ant-table.ant-table-small .ant-table-tbody > tr > td {
4515
+ padding-top: 6px;
4516
+ padding-bottom: 6px;
4517
+ }
4540
4518
 
4541
- &:not(.hoverering-self) .color-block {
4542
- background: #b4beca !important;
4543
- border-radius: 2px;
4544
- }
4519
+ .active-row td:nth-child(1) {
4520
+ font-weight: 700;
4545
4521
  }
4546
- &.hoverering-self {
4547
- opacity: 1;
4522
+ &.has-selection .active-row td:nth-child(2) {
4523
+ font-weight: 700;
4548
4524
  }
4549
- }
4550
4525
 
4551
- .E_c14rn6j5 {
4552
- display: inline-block;
4553
- height: 8px;
4554
- width: 8px;
4555
- margin-right: 6px;
4556
- border-radius: 2px;
4557
- }
4526
+ .ant-spin-nested-loading {
4527
+ height: 100%;
4558
4528
 
4559
- .E_e45tc5l {
4560
- .ant-dropdown-menu-item {
4561
- display: flex;
4562
- align-items: center;
4563
- font-size: 12px;
4564
- margin: 0;
4529
+ .ant-spin-container {
4530
+ height: 100%;
4531
+ overflow: visible;
4532
+ }
4533
+ .ant-spin {
4534
+ max-height: none;
4535
+ }
4565
4536
  }
4566
- }
4567
-
4568
- .E_lqeaosa {
4569
- position: relative;
4570
4537
 
4571
- &.hidden-xaxis .pointer-wrapper {
4572
- bottom: -12px;
4538
+ td.ant-table-column-sort {
4539
+ background: transparent;
4573
4540
  }
4574
4541
 
4575
- .metric-toolbar {
4576
- display: flex;
4577
- justify-content: space-between;
4578
- line-height: 30px;
4579
- .metric-extra {
4542
+ td.ant-table-cell-fix-left,
4543
+ td.ant-table-cell-fix-right {
4544
+ background: #fff;
4545
+ padding: 0 !important;
4546
+ .ant-table-cell-content {
4580
4547
  display: flex;
4581
- flex-shrink: 0;
4582
- font-size: 12px;
4583
4548
  align-items: center;
4584
-
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;
4549
+ height: 100%;
4550
+ padding: 8px;
4551
+ > span {
4552
+ overflow: hidden;
4553
+ text-overflow: ellipsis;
4554
+ width: 100%;
4595
4555
  }
4596
4556
  }
4597
4557
  }
4598
4558
 
4599
- .recharts-xAxis {
4600
- font-size: 12px;
4559
+ .ant-table-container {
4560
+ height: 100%;
4561
+ &::before,
4562
+ &::after {
4563
+ box-shadow: none !important;
4564
+ }
4601
4565
  }
4602
4566
 
4603
- .pointer-wrapper {
4604
- position: absolute;
4605
- bottom: 10px;
4606
- padding: 0 8px;
4567
+ div.ant-table {
4568
+ $columnAlignRightPaddingRight: 25px;
4569
+ border-radius: 0px;
4570
+ border-left: none;
4571
+ border-right: none;
4572
+ border-bottom: none;
4573
+ height: 100%;
4607
4574
  font-size: 12px;
4608
- color: $white;
4609
- transform: translateX(-50%);
4610
- }
4611
- }
4612
-
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
- }
4620
-
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;
4629
-
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
- }
4641
-
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
- }
4575
+ background: transparent;
4652
4576
 
4577
+ .ant-table-header {
4578
+ position: relative;
4579
+ z-index: $table-header-index;
4580
+ border-bottom: 1px solid $strokes-light-trans-2;
4581
+ margin-bottom: -1px;
4582
+ }
4653
4583
 
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
- }
4584
+ .time-wrapper .date,
4585
+ .value {
4586
+ color: $text-primary-light;
4587
+ }
4663
4588
 
4664
- .E_lk3gkp4 {
4665
- position: absolute;
4666
- width: 5px;
4667
- height: 48px;
4668
- left: 9.33px;
4669
- top: 40.5px;
4589
+ .time-wrapper .time,
4590
+ .unit {
4591
+ color: $text-secondary-light;
4592
+ }
4670
4593
 
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;
4594
+ .ant-table-selection {
4595
+ position: unset;
4596
+ text-align: center;
4597
+ }
4675
4598
 
4676
- animation: loading-indicator1 1100ms ease-out infinite;
4677
- }
4599
+ .ant-table-tbody > tr.ant-table-row-selected td {
4600
+ background: $white;
4601
+ }
4678
4602
 
4679
- .E_ll4n94n {
4680
- position: absolute;
4681
- width: 5px;
4682
- height: 48px;
4683
- left: 40.8px;
4684
- top: 8.4px;
4603
+ .anticon-setting {
4604
+ cursor: pointer;
4605
+ position: absolute;
4606
+ top: 50%;
4607
+ right: 12px;
4608
+ transform: translateY(-50%);
4609
+ }
4685
4610
 
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;
4611
+ &.ant-table-ping-left {
4612
+ .ant-table-cell-fix-left-last::after {
4613
+ box-shadow: none;
4614
+ width: 1px;
4615
+ background: rgba(213, 219, 227, 0.6);
4616
+ }
4617
+ }
4690
4618
 
4691
- animation: loading-indicator2 1100ms ease-out infinite;
4692
- }
4619
+ &.ant-table-ping-right {
4620
+ .ant-table-cell-fix-right-first::after {
4621
+ box-shadow: none;
4622
+ width: 1px;
4623
+ background: rgba(213, 219, 227, 0.6);
4624
+ }
4625
+ }
4693
4626
 
4694
- .E_l17lbdo6 {
4695
- position: absolute;
4696
- width: 5px;
4697
- height: 48px;
4698
- left: 52.9px;
4699
- top: 51.8px;
4627
+ .ant-table-tbody {
4628
+ position: relative;
4629
+ .ant-table-row {
4630
+ td {
4631
+ border-top: 1px solid $strokes-light-trans-2;
4632
+ border-bottom: 1px solid white;
4633
+ height: 40px;
4634
+ vertical-align: middle;
4635
+ transition: background 0ms;
4636
+ color: $gray-120;
4700
4637
 
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;
4638
+ &.header-hover {
4639
+ background: $fills-light-opaque-1;
4640
+ border-bottom-color: $fills-light-opaque-1;
4641
+ }
4705
4642
 
4706
- animation: loading-indicator3 1100ms ease-out infinite;
4707
- }
4643
+ .ant-btn.ant-btn-link {
4644
+ height: auto;
4645
+ color: $gray-120;
4646
+ font-size: 12px;
4647
+ text-align: left;
4648
+ transition: none;
4649
+ overflow: hidden;
4650
+ text-overflow: ellipsis;
4651
+ white-space: nowrap;
4708
4652
 
4653
+ &:hover {
4654
+ color: $blue;
4655
+ }
4709
4656
 
4710
- .E_msn7nxt {
4711
- color: $text-light-secondary;
4712
- text-align: center;
4657
+ > span {
4658
+ overflow: hidden;
4659
+ text-overflow: ellipsis;
4660
+ width: 100%;
4661
+ vertical-align: middle;
4662
+ }
4663
+ }
4713
4664
 
4714
- display: flex;
4715
- align-items: center;
4716
- justify-content: center;
4717
- flex-direction: column;
4718
- height: 100%;
4665
+ &.cell_status {
4666
+ line-height: 0px;
4667
+ }
4668
+ &.align-right {
4669
+ padding-right: $columnAlignRightPaddingRight;
4670
+ }
4671
+ }
4719
4672
 
4720
- .link {
4721
- color: $text-light-general;
4722
- cursor: pointer;
4723
- }
4724
- }
4673
+ &:hover {
4674
+ & + tr td {
4675
+ border-top-color: transparent;
4676
+ }
4677
+ td {
4678
+ background: $fills-trans-secondary-light;
4679
+ border-color: transparent transparent white;
4725
4680
 
4726
- .E_mp64wfi {
4727
- width: 100%;
4728
- height: 100%;
4729
- display: flex;
4730
- flex-direction: column;
4681
+ &:first-child {
4682
+ border-radius: 8px 0 0 8px;
4683
+ .ant-table-cell-content {
4684
+ border-radius: 8px 0 0 8px;
4685
+ }
4686
+ &::before {
4687
+ content: "";
4688
+ width: 4px;
4689
+ top: -1px;
4690
+ bottom: -1px;
4691
+ background: white;
4692
+ }
4693
+ }
4694
+ &:last-child {
4695
+ border-radius: 0 8px 8px 0;
4696
+ }
4697
+ &:last-child.cell__action_ {
4698
+ border-radius: 0;
4699
+ background: white;
4700
+ border-top: none;
4731
4701
 
4732
- .name-toolbar {
4733
- width: 100%;
4734
- display: flex;
4735
- line-height: 30px;
4736
- padding: 0 16px;
4737
- justify-content: space-between;
4738
- .metric-extra {
4739
- display: flex;
4740
- font-size: 12px;
4741
- align-items: center;
4702
+ > * {
4703
+ border-top: 1px solid transparent;
4704
+ border-radius: 0 8px 8px 0;
4705
+ background: $fills-trans-secondary-light;
4706
+ }
4707
+ }
4708
+ &.ant-table-cell-fix-right {
4709
+ background: white;
4710
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
4711
+ .ant-table-cell-content {
4712
+ display: flex;
4713
+ align-items: center;
4714
+ height: 100%;
4715
+ background: $fills-trans-secondary-light;
4716
+ }
4717
+ }
4742
4718
 
4743
- .info-item {
4744
- color: $gray-60;
4745
- }
4746
- .info-item + .info-item {
4747
- margin-left: 10px;
4748
- }
4719
+ &.ant-table-cell-fix-left {
4720
+ background: white;
4721
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
4722
+ .ant-table-cell-content {
4723
+ display: flex;
4724
+ align-items: center;
4725
+ height: 100%;
4726
+ background: $fills-trans-secondary-light;
4727
+ }
4728
+ }
4729
+ }
4730
+ }
4749
4731
 
4750
- .menu-trigger {
4751
- margin-left: 10px;
4752
- cursor: pointer;
4753
- }
4754
- }
4755
- }
4732
+ &:last-child td {
4733
+ border-bottom: 1px solid $strokes-light-trans-2;
4734
+ }
4756
4735
 
4757
- .content {
4758
- flex: 1;
4759
- width: 100%;
4760
- display: flex;
4761
- justify-content: center;
4762
- align-items: center;
4763
- }
4764
- .single-content {
4765
- height: 65px;
4766
- }
4767
- }
4736
+ &.active-row {
4737
+ box-shadow: inset 0px 0px 0 2px $blue-a10;
4738
+ border-radius: 8px;
4768
4739
 
4769
- .E_l1oyigan {
4770
- display: flex;
4771
- align-items: center;
4772
- white-space: nowrap;
4773
- overflow: hidden;
4774
- width: 100%;
4740
+ & + tr td {
4741
+ border-top-color: white;
4742
+ }
4743
+ td {
4744
+ background: $blue-a10;
4745
+ border-bottom-color: transparent;
4746
+ border-top-color: transparent;
4775
4747
 
4776
- .ant-dropdown-trigger {
4777
- margin-left: auto;
4778
- font-size: 12px;
4779
- }
4780
- }
4748
+ &:first-child {
4749
+ border-radius: 8px 0 0 8px;
4750
+ }
4751
+ &:last-child {
4752
+ border-radius: 0 8px 8px 0;
4753
+ }
4754
+ &:hover {
4755
+ background: $blue-a10;
4756
+ }
4757
+ }
4758
+ }
4759
+ }
4760
+ }
4781
4761
 
4782
- .E_l1noi4n1 {
4783
- display: flex;
4784
- justify-content: flex-start;
4785
- align-items: center;
4786
- font-size: 12px;
4787
- cursor: pointer;
4762
+ .ant-table-thead {
4763
+ > tr > th {
4764
+ background: $white;
4765
+ font-weight: 400;
4766
+ position: relative;
4767
+ border-bottom: none;
4768
+ color: $gray-120;
4769
+ transition: none;
4770
+ padding: 14px 8px 14px 8px;
4771
+ line-height: 20px;
4788
4772
 
4789
- &:not(:last-child) {
4790
- margin-right: 20px;
4791
- }
4792
- &.deselected {
4793
- opacity: 0.4;
4773
+ &:not(:last-child):after {
4774
+ content: "";
4775
+ width: 1px;
4776
+ top: 0;
4777
+ bottom: 0;
4778
+ background: $strokes-light-trans-2;
4779
+ position: absolute;
4780
+ right: 0;
4781
+ }
4794
4782
 
4795
- .color-block {
4796
- background: #b4beca !important;
4797
- }
4798
- }
4799
- }
4783
+ &.is-blank {
4784
+ padding: unset;
4800
4785
 
4801
- .E_cz19rz6 {
4802
- display: inline-block;
4803
- height: 8px;
4804
- width: 8px;
4805
- margin-right: 8px;
4806
- }
4786
+ &:after {
4787
+ display: none;
4788
+ }
4789
+ }
4807
4790
 
4808
- .E_e17r5r9c {
4809
- .ant-dropdown-menu-item {
4810
- display: flex;
4811
- align-items: center;
4812
- font-size: 12px;
4813
- margin: 0;
4814
- }
4815
- }
4791
+ &.ant-table-cell-ellipsis.ant-table-column-has-sorters
4792
+ .ant-table-column-sorters {
4793
+ width: 100%;
4794
+ overflow: hidden;
4795
+ white-space: nowrap;
4796
+ text-overflow: ellipsis;
4797
+ > span {
4798
+ overflow: hidden;
4799
+ text-overflow: ellipsis;
4800
+ flex: 1;
4801
+ }
4802
+ }
4816
4803
 
4817
- .E_m1y1hhnr {
4818
- position: relative;
4804
+ &.ant-table-column-has-sorters {
4805
+ padding: 15px $columnAlignRightPaddingRight 15px 8px;
4819
4806
 
4820
- &.hidden-xaxis .pointer-wrapper {
4821
- bottom: -12px;
4822
- }
4807
+ .ant-table-column-sorters {
4808
+ padding: 0;
4809
+ .order-icon {
4810
+ position: absolute;
4811
+ right: 6px;
4812
+ top: 50%;
4813
+ transform: translateY(-50%);
4814
+ height: 16px;
4815
+ display: none;
4816
+ transition: transform 320ms ease;
4823
4817
 
4824
- .metric-toolbar {
4825
- display: flex;
4826
- justify-content: space-between;
4827
- line-height: 30px;
4828
- margin: 0 16px;
4818
+ &.descend {
4819
+ display: block;
4820
+ transform: translateY(-50%) rotateX(180deg);
4821
+ }
4822
+ &.ascend {
4823
+ display: block;
4824
+ }
4825
+ }
4826
+ }
4827
+ .ant-table-column-sorter {
4828
+ display: none;
4829
+ }
4830
+ }
4829
4831
 
4830
- .metric-extra {
4831
- display: flex;
4832
- font-size: 12px;
4833
- align-items: center;
4832
+ &:active {
4833
+ .ant-table-column-sorters .order-icon {
4834
+ &.descend {
4835
+ transform: translateY(-50%);
4836
+ }
4837
+ &.ascend {
4838
+ transform: translateY(-50%) rotateX(180deg);
4839
+ }
4840
+ }
4841
+ }
4834
4842
 
4835
- .info-item {
4836
- color: $gray-60;
4837
- }
4838
- .info-item + .info-item {
4839
- margin-left: 10px;
4843
+ &:hover:not(.is-blank) {
4844
+ background: $fills-light-opaque-1;
4845
+ .ant-table-column-sorters .order-icon {
4846
+ display: block;
4847
+ }
4848
+ }
4849
+ &.align-right {
4850
+ padding-right: $columnAlignRightPaddingRight;
4851
+ }
4840
4852
  }
4853
+ }
4841
4854
 
4842
- .menu-trigger {
4843
- margin-left: 10px;
4844
- cursor: pointer;
4855
+ .ant-table-selection-column {
4856
+ padding: 0 !important;
4857
+
4858
+ .ant-checkbox-wrapper {
4859
+ position: absolute;
4860
+ left: 50%;
4861
+ top: 50%;
4862
+ transform: translate(-50%, -50%);
4863
+ }
4864
+ &:after {
4865
+ display: none;
4845
4866
  }
4846
4867
  }
4847
- }
4848
-
4849
- .recharts-xAxis {
4850
- font-size: 12px;
4851
- }
4852
4868
 
4853
- .pointer-wrapper {
4854
- position: absolute;
4855
- bottom: 10px;
4856
- padding: 0 8px;
4857
- border-radius: 4px;
4858
- font-size: 12px;
4859
- color: $white;
4860
- background: rgba(0, 0, 0, 0.75);
4861
- transform: translateX(-50%);
4862
- }
4863
- }
4869
+ .ant-table-hide-scrollbar {
4870
+ background: $white;
4871
+ }
4872
+ .ant-table-placeholder {
4873
+ background: inherit;
4864
4874
 
4865
- .E_tnvijvs {
4866
- min-width: 200px;
4867
- }
4875
+ td {
4876
+ position: static;
4877
+ border: none;
4878
+ background: inherit !important;
4879
+ height: 100px;
4880
+ vertical-align: middle;
4881
+ }
4868
4882
 
4869
- .E_t1ub2aex {
4870
- display: flex;
4871
- align-items: center;
4872
- justify-content: space-between;
4873
- background-color: rgba(0, 0, 0, 0.75);
4874
- color: #b4beca;
4875
- font-size: 12px;
4876
- padding: 3px 6px;
4883
+ .table-default-empty,
4884
+ .ant-table-expanded-row-fixed {
4885
+ font-weight: bold;
4886
+ font-size: 20px;
4887
+ color: $text-terdiary-light;
4888
+ }
4889
+ }
4890
+ th.ant-table-cell-scrollbar,
4891
+ th.cell__action_ {
4892
+ z-index: 10;
4893
+ }
4894
+ td.cell__action_ {
4895
+ padding: 0 !important;
4896
+ position: relative;
4897
+ background: $white;
4898
+ > * {
4899
+ height: 100%;
4900
+ display: flex;
4901
+ align-items: center;
4902
+ justify-content: flex-end;
4903
+ padding-right: 8px;
4904
+ }
4905
+ .menu-button {
4906
+ width: 24px;
4907
+ height: 24px;
4908
+ cursor: pointer;
4909
+ justify-content: center;
4910
+ border-radius: 4px;
4877
4911
 
4878
- &:first-child {
4879
- padding-top: 3px;
4880
- }
4881
- &:last-child {
4882
- padding-bottom: 3px;
4883
- }
4884
- .column-value {
4885
- color: $white;
4886
- margin-left: 8px;
4912
+ &:hover {
4913
+ background: $white;
4914
+ }
4915
+ }
4916
+ }
4887
4917
  }
4888
4918
  }
4889
4919
 
4890
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
+ .E_w7ob4th {
4922
+ &.outside-tag {
4923
+ padding-left: 0;
4924
+ .inside-tag {
4925
+ border-radius: 4px 0 0 4px;
4926
+ padding-right: 4px;
4927
+ margin-right: 4px;
4928
+ }
4904
4929
  }
4905
4930
  }
4906
4931
 
4907
- .E_a1ji6r68 {
4908
- display: flex;
4909
- align-items: center;
4910
- column-gap: var(--a1ji6r68-0);
4911
- }
4912
-
4913
4932
 
4914
4933
  .E_sjob3jg {
4915
4934
  $item: ant-steps-item;
@@ -5135,6 +5154,44 @@
5135
5154
  }
5136
5155
 
5137
5156
 
5157
+ .E_slr2ynn {
5158
+ padding: 0 8px;
5159
+ height: 18px;
5160
+ }
5161
+
5162
+ .E_m140wbb6 {
5163
+ padding: 2px 8px;
5164
+ height: 24px;
5165
+ }
5166
+
5167
+ .E_t1fozc1i {
5168
+ margin: 0;
5169
+ }
5170
+
5171
+ .E_i1vxv4ln {
5172
+ margin-right: 4px;
5173
+ height: 16px;
5174
+ }
5175
+
5176
+ .E_n1afl31m {
5177
+ &.ant-tag.ant-tag-gray {
5178
+ font-weight: 700;
5179
+ color: $text-neutral-primary;
5180
+ background-color: $fill-neutral-trans-1;
5181
+ border: 1px solid $stroke-neutral-trans-2;
5182
+ word-break: break-all;
5183
+ display: inline;
5184
+ white-space: normal;
5185
+ }
5186
+ }
5187
+
5188
+
5189
+ .E_i1g85yz3 {
5190
+ margin-right: 4px;
5191
+ height: 16px;
5192
+ }
5193
+
5194
+
5138
5195
  .E_t1dtlqs1 {
5139
5196
  margin-bottom: 4px;
5140
5197
  color: $text-secondary-light;
@@ -5352,18 +5409,6 @@
5352
5409
  }
5353
5410
 
5354
5411
 
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
-
5367
5412
  .E_t13ef470 {
5368
5413
  height: 100%;
5369
5414
  .table-loading-item {
@@ -5399,77 +5444,6 @@
5399
5444
  }
5400
5445
 
5401
5446
 
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
-
5440
- .E_s20iney {
5441
- &.skeleton-box {
5442
- display: flex;
5443
- align-items: center;
5444
- justify-content: center;
5445
- position: relative;
5446
- border-radius: 2px;
5447
- background: #E1E6F199;
5448
- overflow: hidden;
5449
-
5450
- & > .skeleton-shimmer {
5451
- width: 200%;
5452
- height: 200%;
5453
- transform: rotate(15deg);
5454
- position: absolute;
5455
- top: -50%;
5456
- flex-shrink: 0;
5457
- opacity: 0.8;
5458
- background: linear-gradient(
5459
- 90deg,
5460
- rgba(255, 255, 255, 0) 15%,
5461
- #FFFFFF99 50%,
5462
- rgba(255, 255, 255, 0) 85%
5463
- );
5464
-
5465
- animation: shimmer 1100ms infinite;
5466
- }
5467
-
5468
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5469
- }
5470
- }
5471
-
5472
-
5473
5447
  .E_t59qhqp {
5474
5448
  background: #FFFFFF;
5475
5449
  padding: 24px 32px;
@@ -5525,6 +5499,44 @@
5525
5499
  }
5526
5500
 
5527
5501
 
5502
+ .E_s20iney {
5503
+ &.skeleton-box {
5504
+ display: flex;
5505
+ align-items: center;
5506
+ justify-content: center;
5507
+ position: relative;
5508
+ border-radius: 2px;
5509
+ background: #E1E6F199;
5510
+ overflow: hidden;
5511
+
5512
+ & > .skeleton-shimmer {
5513
+ width: 200%;
5514
+ height: 200%;
5515
+ transform: rotate(15deg);
5516
+ position: absolute;
5517
+ top: -50%;
5518
+ flex-shrink: 0;
5519
+ opacity: 0.8;
5520
+ background: linear-gradient(
5521
+ 90deg,
5522
+ rgba(255, 255, 255, 0) 15%,
5523
+ #FFFFFF99 50%,
5524
+ rgba(255, 255, 255, 0) 85%
5525
+ );
5526
+
5527
+ animation: shimmer 1100ms infinite;
5528
+ }
5529
+
5530
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5531
+ }
5532
+ }
5533
+
5534
+
5535
+ .E_t1616y1o {
5536
+ color: $text-light-on-tint;
5537
+ }
5538
+
5539
+
5528
5540
  .E_t1g36k2w {
5529
5541
  overflow: hidden;
5530
5542
  height: 100%;
@@ -5557,11 +5569,6 @@
5557
5569
  }
5558
5570
 
5559
5571
 
5560
- .E_t1616y1o {
5561
- color: $text-light-on-tint;
5562
- }
5563
-
5564
-
5565
5572
  .E_a9y3flr {
5566
5573
  margin-left: 8px;
5567
5574
  }
@@ -5598,19 +5605,6 @@
5598
5605
  }
5599
5606
 
5600
5607
 
5601
- .E_i14c7jc8 {
5602
- color: var(--i14c7jc8-0);
5603
- }
5604
-
5605
- .E_i1ibuolf {
5606
- display: flex;
5607
- align-items: center;
5608
- column-gap: 4px;
5609
- font-size: 12px;
5610
- color: #2C3852BF;
5611
- }
5612
-
5613
-
5614
5608
  .E_d1u4ndxc {
5615
5609
  color: #2C3852BF;
5616
5610
  font-size: 12px;
@@ -5649,17 +5643,82 @@
5649
5643
  }
5650
5644
 
5651
5645
 
5652
- .E_skwah65 {
5653
- height: 8px;
5654
- box-sizing: border-box;
5655
- border-radius: 2px;
5656
- background: #f5f7fa;
5646
+ .E_i14c7jc8 {
5647
+ color: var(--i14c7jc8-0);
5648
+ }
5649
+
5650
+ .E_i1ibuolf {
5657
5651
  display: flex;
5658
- width: 100%;
5659
- overflow: hidden;
5652
+ align-items: center;
5653
+ column-gap: 4px;
5654
+ font-size: 12px;
5655
+ color: #2C3852BF;
5656
+ }
5660
5657
 
5661
- .stack-bar-item + .stack-bar-item {
5662
- margin-left: 1px;
5658
+
5659
+ .E_s1ebs0ra {
5660
+ display: flex;
5661
+ align-items: center;
5662
+ justify-content: space-between;
5663
+ background: $backgrounds-light-grouped;
5664
+ padding: 8px 12px;
5665
+ position: sticky;
5666
+ top: 0;
5667
+ z-index: 1;
5668
+ margin-bottom: -52px;
5669
+
5670
+ .select-total {
5671
+ display: flex;
5672
+ align-items: center;
5673
+ font-weight: 700;
5674
+ flex-shrink: 0;
5675
+
5676
+ .icon-wrapper {
5677
+ cursor: pointer;
5678
+ margin-left: 8px;
5679
+ width: 32px;
5680
+ height: 32px;
5681
+ border-radius: 50%;
5682
+ justify-content: center;
5683
+
5684
+ &:hover {
5685
+ background: $fills-light-trans-2;
5686
+ }
5687
+ }
5688
+ }
5689
+ .action-group {
5690
+ flex: 1;
5691
+ margin-left: 88px;
5692
+ white-space: nowrap;
5693
+ text-align: right;
5694
+ position: relative;
5695
+ padding: 4px 0;
5696
+ margin-top: -4px;
5697
+ overflow: hidden;
5698
+ .sub-menu-delete {
5699
+ transform: translateY(-4px);
5700
+ }
5701
+ button {
5702
+ border: none;
5703
+ }
5704
+ > *:not(:last-child) {
5705
+ margin-right: 8px;
5706
+ }
5707
+
5708
+ > button:last-child {
5709
+ margin-right: 4px;
5710
+ }
5711
+ .more-btn {
5712
+ cursor: pointer;
5713
+ width: 32px;
5714
+ height: 32px;
5715
+ justify-content: center;
5716
+ border-radius: 50%;
5717
+
5718
+ &:hover {
5719
+ background: $white;
5720
+ }
5721
+ }
5663
5722
  }
5664
5723
  }
5665
5724
 
@@ -5715,113 +5774,101 @@
5715
5774
  }
5716
5775
 
5717
5776
 
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
-
5777
+ .E_clm1wy1 {
5778
+ width: 192px;
5779
+ height: 246px;
5780
+ border-radius: 4px;
5738
5781
 
5739
- .E_tqjc4ui {
5740
- @at-root {
5741
- span#{&} {
5742
- margin: 0 2px;
5782
+ > .ant-picker-calendar,
5783
+ > .ant-picker-calendar .ant-picker-panel {
5784
+ width: 100%;
5785
+ background-color: rgba(245, 247, 250, 0.6);
5786
+ border-top: none;
5787
+
5788
+ .ant-picker-body {
5789
+ padding: 0 16px;
5743
5790
  }
5744
- }
5745
- }
5746
5791
 
5792
+ .ant-picker-content {
5793
+ width: 100%;
5794
+ height: 180px;
5795
+ border-spacing: 0;
5747
5796
 
5748
- .E_gmyahx3 {
5749
- cursor: pointer;
5797
+ thead {
5798
+ margin-bottom: 8px;
5799
+ }
5800
+ th {
5801
+ width: 22px;
5802
+ }
5803
+ td {
5804
+ padding: 0;
5805
+ }
5806
+ }
5807
+ }
5750
5808
 
5751
- .link-text {
5752
- color: $text-light-tertiary;
5809
+ .ant-picker-cell {
5810
+ color: rgba(62, 70, 82, 0.6);
5811
+ opacity: 0.4;
5812
+ }
5813
+ .ant-picker-cell-in-view {
5814
+ color: rgba(62, 70, 82, 0.6);
5815
+ opacity: 1;
5816
+ }
5817
+ .ant-picker-cell-in-view > .active {
5818
+ color: #3e4652;
5753
5819
  }
5754
5820
 
5755
- &:hover .link-text {
5756
- color: $text-light-general;
5821
+ .ant-picker-cell::before {
5822
+ pointer-events: none;
5757
5823
  }
5758
5824
  }
5759
5825
 
5826
+ .E_t1tsm00v {
5827
+ color: rgba(129, 138, 153, 0.6);
5828
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
5829
+ backdrop-filter: blur(10px);
5830
+ padding: 7px 10px;
5831
+ }
5760
5832
 
5761
- .E_s1ebs0ra {
5833
+ .E_c167wnad {
5834
+ color: rgba(62, 70, 82, 0.6);
5762
5835
  display: flex;
5763
- align-items: center;
5764
5836
  justify-content: space-between;
5765
- background: $backgrounds-light-grouped;
5766
- padding: 8px 12px;
5767
- position: sticky;
5768
- top: 0;
5769
- z-index: 1;
5770
- margin-bottom: -52px;
5771
-
5772
- .select-total {
5773
- display: flex;
5774
- align-items: center;
5775
- font-weight: 700;
5776
- flex-shrink: 0;
5777
-
5778
- .icon-wrapper {
5779
- cursor: pointer;
5780
- margin-left: 8px;
5781
- width: 32px;
5782
- height: 32px;
5783
- border-radius: 50%;
5784
- justify-content: center;
5837
+ align-items: center;
5838
+ padding: 8px 16px;
5785
5839
 
5786
- &:hover {
5787
- background: $fills-light-trans-2;
5788
- }
5840
+ .anticon {
5841
+ cursor: pointer;
5842
+ &:hover {
5843
+ color: $blue;
5789
5844
  }
5790
5845
  }
5791
- .action-group {
5792
- flex: 1;
5793
- margin-left: 88px;
5794
- white-space: nowrap;
5795
- text-align: right;
5796
- position: relative;
5797
- padding: 4px 0;
5798
- margin-top: -4px;
5799
- overflow: hidden;
5800
- .sub-menu-delete {
5801
- transform: translateY(-4px);
5802
- }
5803
- button {
5804
- border: none;
5805
- }
5806
- > *:not(:last-child) {
5807
- margin-right: 8px;
5808
- }
5846
+ }
5809
5847
 
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%;
5848
+ .E_cxhf7dh {
5849
+ text-align: center;
5819
5850
 
5820
- &:hover {
5821
- background: $white;
5822
- }
5851
+ .dots {
5852
+ display: flex;
5853
+ justify-content: center;
5854
+ }
5855
+ .dot {
5856
+ display: inline-block;
5857
+ width: 2px;
5858
+ height: 2px;
5859
+ border-radius: 1px;
5860
+ background: $blue;
5861
+
5862
+ &:not(:last-child) {
5863
+ margin-right: 2px;
5823
5864
  }
5824
5865
  }
5866
+ .bar {
5867
+ width: 9px;
5868
+ height: 2px;
5869
+ background: $blue;
5870
+ border-radius: 2px;
5871
+ }
5825
5872
  }
5826
5873
 
5827
5874
 
@@ -5989,6 +6036,36 @@
5989
6036
  }
5990
6037
 
5991
6038
 
6039
+ .E_tqjc4ui {
6040
+ @at-root {
6041
+ span#{&} {
6042
+ margin: 0 2px;
6043
+ }
6044
+ }
6045
+ }
6046
+
6047
+
6048
+ .E_n12mqh7z {
6049
+ display: flex;
6050
+ align-items: center;
6051
+ font-size: 12px;
6052
+ line-height: 18px;
6053
+
6054
+ &:not(:last-child) {
6055
+ margin-bottom: 4px;
6056
+ }
6057
+ }
6058
+
6059
+ .E_tf5bynu {
6060
+ margin: 0 3px;
6061
+ }
6062
+
6063
+ .E_tcckoz1 {
6064
+ max-height: 400px;
6065
+ overflow: auto;
6066
+ }
6067
+
6068
+
5992
6069
  .E_ou7iq30 {
5993
6070
  overflow: hidden;
5994
6071
  text-overflow: ellipsis;
@@ -6019,100 +6096,27 @@
6019
6096
  }
6020
6097
 
6021
6098
 
6022
- .E_clm1wy1 {
6023
- width: 192px;
6024
- height: 246px;
6025
- border-radius: 4px;
6026
-
6027
- > .ant-picker-calendar,
6028
- > .ant-picker-calendar .ant-picker-panel {
6029
- width: 100%;
6030
- background-color: rgba(245, 247, 250, 0.6);
6031
- border-top: none;
6032
-
6033
- .ant-picker-body {
6034
- padding: 0 16px;
6035
- }
6036
-
6037
- .ant-picker-content {
6038
- width: 100%;
6039
- height: 180px;
6040
- border-spacing: 0;
6041
-
6042
- thead {
6043
- margin-bottom: 8px;
6044
- }
6045
- th {
6046
- width: 22px;
6047
- }
6048
- td {
6049
- padding: 0;
6050
- }
6051
- }
6052
- }
6053
-
6054
- .ant-picker-cell {
6055
- color: rgba(62, 70, 82, 0.6);
6056
- opacity: 0.4;
6057
- }
6058
- .ant-picker-cell-in-view {
6059
- color: rgba(62, 70, 82, 0.6);
6060
- opacity: 1;
6061
- }
6062
- .ant-picker-cell-in-view > .active {
6063
- color: #3e4652;
6064
- }
6099
+ .E_gmyahx3 {
6100
+ cursor: pointer;
6065
6101
 
6066
- .ant-picker-cell::before {
6067
- pointer-events: none;
6102
+ .link-text {
6103
+ color: $text-light-tertiary;
6068
6104
  }
6069
- }
6070
-
6071
- .E_t1tsm00v {
6072
- color: rgba(129, 138, 153, 0.6);
6073
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6074
- backdrop-filter: blur(10px);
6075
- padding: 7px 10px;
6076
- }
6077
-
6078
- .E_c167wnad {
6079
- color: rgba(62, 70, 82, 0.6);
6080
- display: flex;
6081
- justify-content: space-between;
6082
- align-items: center;
6083
- padding: 8px 16px;
6084
6105
 
6085
- .anticon {
6086
- cursor: pointer;
6087
- &:hover {
6088
- color: $blue;
6089
- }
6106
+ &:hover .link-text {
6107
+ color: $text-light-general;
6090
6108
  }
6091
6109
  }
6092
6110
 
6093
- .E_cxhf7dh {
6094
- text-align: center;
6095
-
6096
- .dots {
6097
- display: flex;
6098
- justify-content: center;
6099
- }
6100
- .dot {
6101
- display: inline-block;
6102
- width: 2px;
6103
- height: 2px;
6104
- border-radius: 1px;
6105
- background: $blue;
6106
6111
 
6107
- &:not(:last-child) {
6108
- margin-right: 2px;
6109
- }
6112
+ .E_s1iv0tp1 {
6113
+ .enabled-switch {
6114
+ display: flex;
6115
+ align-items: center;
6110
6116
  }
6111
- .bar {
6112
- width: 9px;
6113
- height: 2px;
6114
- background: $blue;
6115
- border-radius: 2px;
6117
+
6118
+ .enabled-text {
6119
+ margin-right: 8px;
6116
6120
  }
6117
6121
  }
6118
6122
 
@@ -6229,6 +6233,47 @@
6229
6233
  }
6230
6234
 
6231
6235
 
6236
+ .E_skwah65 {
6237
+ height: 8px;
6238
+ box-sizing: border-box;
6239
+ border-radius: 2px;
6240
+ background: #f5f7fa;
6241
+ display: flex;
6242
+ width: 100%;
6243
+ overflow: hidden;
6244
+
6245
+ .stack-bar-item + .stack-bar-item {
6246
+ margin-left: 1px;
6247
+ }
6248
+ }
6249
+
6250
+
6251
+ .E_wg1tsps {
6252
+ display: flex;
6253
+ align-items: center;
6254
+ justify-content: flex-end;
6255
+ }
6256
+
6257
+ .E_b1ctd5xy {
6258
+ display: flex;
6259
+ align-items: center;
6260
+ width: calc(100% - 40px);
6261
+
6262
+ .chart {
6263
+ display: inline-block;
6264
+ width: 100%;
6265
+ }
6266
+ }
6267
+
6268
+ .E_u1p8acpn {
6269
+ min-width: 40px;
6270
+
6271
+ .unit {
6272
+ color: $text-light-primary !important;
6273
+ }
6274
+ }
6275
+
6276
+
6232
6277
  .E_s1at6qmn {
6233
6278
  &.ant-layout-sider {
6234
6279
  background: $backgrounds-light-grouped;
@@ -6636,48 +6681,103 @@
6636
6681
  }
6637
6682
 
6638
6683
 
6639
- .E_s1iv0tp1 {
6640
- .enabled-switch {
6684
+ .E_cyms3br {
6685
+ background: #fff;
6686
+ width: 100%;
6687
+ border-radius: 8px;
6688
+ border: 1px solid rgba(228, 233, 242, 1);
6689
+ .ant-list {
6690
+ padding: 12px;
6691
+ }
6692
+ .ant-list-item {
6693
+ padding: 4px 0;
6694
+ }
6695
+ .ant-alert {
6696
+ margin-left: 24px;
6697
+ }
6698
+ header {
6699
+ background: rgba(225, 230, 241, 0.6);
6700
+ font-size: 12px;
6701
+ color: rgba(29, 50, 108, 1);
6702
+ font-weight: 700;
6703
+ padding: 6px 12px;
6641
6704
  display: flex;
6705
+ flex-direction: row;
6642
6706
  align-items: center;
6707
+ justify-content: space-between;
6708
+ .switch-text {
6709
+ display: flex;
6710
+ flex-direction: row;
6711
+ align-items: center;
6712
+ justify-content: space-between;
6713
+ gap: 6px;
6714
+ font-size: 12px;
6715
+ font-weight: 400;
6716
+ color: rgba(0, 18, 46, 1);
6717
+ }
6643
6718
  }
6719
+ }
6644
6720
 
6645
- .enabled-text {
6646
- margin-right: 8px;
6721
+ .E_c157gu4z {
6722
+ .ant-list-item {
6723
+ display: flex;
6724
+ flex-direction: row;
6725
+ }
6726
+ .description {
6727
+ flex-grow: 1;
6728
+ margin-left: 8px;
6647
6729
  }
6648
6730
  }
6649
6731
 
6650
-
6651
- .E_wg1tsps {
6732
+ .E_eu1sysj {
6652
6733
  display: flex;
6734
+ flex-direction: column;
6653
6735
  align-items: center;
6654
- justify-content: flex-end;
6736
+ justify-content: center;
6655
6737
  }
6656
6738
 
6657
- .E_b1ctd5xy {
6658
- display: flex;
6659
- align-items: center;
6660
- width: calc(100% - 40px);
6661
6739
 
6662
- .chart {
6663
- display: inline-block;
6664
- width: 100%;
6740
+ .E_i5w779o {
6741
+ padding: 8px 0;
6742
+
6743
+ .col-label {
6744
+ flex-shrink: unset;
6745
+ * {
6746
+ line-height: 18px;
6747
+ }
6748
+ }
6749
+ .col-content {
6750
+ flex: 1 1 0;
6751
+ display: flex;
6752
+ align-items: center;
6753
+ * {
6754
+ line-height: 18px;
6755
+ }
6665
6756
  }
6666
6757
  }
6667
6758
 
6668
- .E_u1p8acpn {
6669
- min-width: 40px;
6759
+ .E_l18dja44 {
6760
+ padding: 6px 0;
6670
6761
 
6671
- .unit {
6672
- color: $text-light-primary !important;
6762
+ .col-label * {
6763
+ font-size: 13px;
6764
+ line-height: 20px;
6765
+ }
6766
+ .col-content * {
6767
+ font-size: 14px;
6768
+ line-height: 20px;
6673
6769
  }
6674
6770
  }
6675
6771
 
6772
+ .E_c8c2hys {
6773
+ display: flex;
6774
+ justify-content: space-between;
6775
+ flex: 1;
6776
+ min-width: 0;
6777
+ }
6676
6778
 
6677
- .E_h1ol2wl7 {
6678
- font-weight: bold;
6679
- background-color: unset;
6680
- padding: unset;
6779
+ .E_n4m6c4d {
6780
+ color: $text-light-tertiary;
6681
6781
  }
6682
6782
 
6683
6783
 
@@ -6726,103 +6826,10 @@
6726
6826
  }
6727
6827
 
6728
6828
 
6729
- .E_i5w779o {
6730
- padding: 8px 0;
6731
-
6732
- .col-label {
6733
- flex-shrink: unset;
6734
- * {
6735
- line-height: 18px;
6736
- }
6737
- }
6738
- .col-content {
6739
- flex: 1 1 0;
6740
- display: flex;
6741
- align-items: center;
6742
- * {
6743
- line-height: 18px;
6744
- }
6745
- }
6746
- }
6747
-
6748
- .E_l18dja44 {
6749
- padding: 6px 0;
6750
-
6751
- .col-label * {
6752
- font-size: 13px;
6753
- line-height: 20px;
6754
- }
6755
- .col-content * {
6756
- font-size: 14px;
6757
- line-height: 20px;
6758
- }
6759
- }
6760
-
6761
- .E_c8c2hys {
6762
- display: flex;
6763
- justify-content: space-between;
6764
- flex: 1;
6765
- min-width: 0;
6766
- }
6767
-
6768
- .E_n4m6c4d {
6769
- color: $text-light-tertiary;
6770
- }
6771
-
6772
-
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;
6829
+ .E_h1ol2wl7 {
6830
+ font-weight: bold;
6831
+ background-color: unset;
6832
+ padding: unset;
6826
6833
  }
6827
6834
 
6828
6835