@cloudtower/eagle 0.33.24 → 0.33.25

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 (11) hide show
  1. package/dist/cjs/core/TableForm/AddRowButton.js +2 -2
  2. package/dist/cjs/core/TableForm/index.js +21 -6
  3. package/dist/cjs/stats1.html +1 -1
  4. package/dist/components.css +1994 -1995
  5. package/dist/esm/core/TableForm/AddRowButton.js +2 -2
  6. package/dist/esm/core/TableForm/index.js +21 -6
  7. package/dist/esm/stats1.html +1 -1
  8. package/dist/linaria.merged.scss +2218 -2218
  9. package/dist/src/core/TableForm/types.d.ts +7 -2
  10. package/dist/style.css +1819 -1819
  11. package/package.json +4 -4
package/dist/linaria.merged.scss CHANGED
@@ -51,25 +51,6 @@
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
-
73
54
  .E_b1wx3t3t {
74
55
  &.ant-btn-icon-only {
75
56
  justify-content: center;
@@ -428,42 +409,20 @@
428
409
  }
429
410
 
430
411
 
431
- .E_b1nip9bk {
432
- padding: 4px 11px;
433
- }
434
-
435
- .E_bqamoqe {
436
- white-space: nowrap;
437
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
438
-
439
- & > .ant-btn {
440
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
441
- --color: #{$text-light-general};
442
-
443
- &[disabled],
444
- &:hover[disabled] {
445
- --color: #{$text-light-general};
446
- }
447
- }
448
- }
449
-
450
- & > .ant-btn:not(:only-child) {
451
- & + .ant-btn {
452
- margin-left: 1px;
453
- }
412
+ .E_berrcjl {
413
+ color: $text-terdiary-light;
414
+ margin-bottom: 4px;
454
415
 
455
- &:first-child {
456
- border-top-right-radius: 0;
457
- border-bottom-right-radius: 0;
458
- }
416
+ .breadcrumb-link {
417
+ color: $text-terdiary-light;
418
+ cursor: pointer;
419
+ transition: color 160ms ease;
459
420
 
460
- &:last-child {
461
- border-top-left-radius: 0;
462
- border-bottom-left-radius: 0;
421
+ &:hover {
422
+ color: $blue-60;
463
423
  }
464
-
465
- &:not(:first-child, :last-child) {
466
- border-radius: unset;
424
+ &:active {
425
+ color: $blue-80;
467
426
  }
468
427
  }
469
428
  }
@@ -494,83 +453,6 @@
494
453
  }
495
454
 
496
455
 
497
- .E_fzh9mnb {
498
- width: 100%;
499
- height: 100%;
500
- min-height: 124px;
501
- display: flex;
502
- flex-direction: column;
503
- justify-content: center;
504
- align-items: center;
505
-
506
- .error-text {
507
- color: $text-terdiary-light;
508
- margin-bottom: 16px;
509
- font-size: 18px;
510
- }
511
- }
512
-
513
-
514
- .E_d133fzv0 {
515
- .ant-dropdown-menu-item-group {
516
- .ant-dropdown-menu-item-group-title {
517
- padding: 4px 8px 0 8px;
518
- color: $text-light-secondary;
519
- font-size: 12px;
520
- }
521
- .ant-dropdown-menu-item-group-list {
522
- padding-bottom: 6px;
523
- }
524
- &:not(:first-child) {
525
- padding-top: 4px;
526
- border-top: 1px solid $strokes-light-trans-2;
527
- }
528
- }
529
- }
530
-
531
-
532
- .E_f7pxqmh {
533
- width: 100%;
534
- margin-bottom: 0 !important;
535
- flex-flow: nowrap !important;
536
- line-break: auto;
537
-
538
- & > .ant-form-item-label {
539
- text-align: left !important;
540
- padding-bottom: 0 !important;
541
-
542
- & > label {
543
- min-height: 32px;
544
- height: auto;
545
- font-size: 13px;
546
- color: rgba(44, 56, 82, 0.6);
547
- white-space: normal;
548
- }
549
- }
550
-
551
- &.ant-form-item-has-error {
552
- .ant-input {
553
- border-color: #ff4d4f !important;
554
- }
555
- .ant-input-password {
556
- border-color: #ff4d4f !important;
557
- }
558
- }
559
-
560
- .ant-form-item-explain {
561
- margin-top: 4px;
562
- font-size: 12px;
563
- min-height: 0px;
564
- }
565
-
566
- .ant-form-item-extra {
567
- font-size: 12px;
568
- color: rgba(44, 56, 82, 0.6);
569
- min-height: 0px;
570
- }
571
- }
572
-
573
-
574
456
  .E_d1bw7c5z {
575
457
  position: relative;
576
458
  max-width: 388px;
@@ -662,93 +544,196 @@
662
544
  }
663
545
 
664
546
 
665
- .E_sx1bpnu {
666
- .ant-input-sm {
667
- line-height: 18px;
668
- }
547
+ .E_b1nip9bk {
548
+ padding: 4px 11px;
669
549
  }
670
550
 
551
+ .E_bqamoqe {
552
+ white-space: nowrap;
553
+ filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
671
554
 
672
- .E_iouxfgt {
673
- display: inline-flex;
674
- align-items: center;
555
+ & > .ant-btn {
556
+ &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
557
+ --color: #{$text-light-general};
675
558
 
676
- .icon-inner {
677
- display: inline-flex;
678
- align-items: center;
679
- justify-content: center;
680
- }
681
- .icon-inner + span,
682
- span + .icon-inner.suffix {
683
- margin-left: 4px;
684
- }
685
- &.is-rotate {
686
- img,
687
- svg {
688
- animation: rotate 680ms linear infinite;
559
+ &[disabled],
560
+ &:hover[disabled] {
561
+ --color: #{$text-light-general};
562
+ }
689
563
  }
690
564
  }
691
- }
692
565
 
566
+ & > .ant-btn:not(:only-child) {
567
+ & + .ant-btn {
568
+ margin-left: 1px;
569
+ }
693
570
 
694
- .E_itxley7 {
695
- &.ant-input-group.ant-input-group-compact {
696
- display: flex;
697
- }
571
+ &:first-child {
572
+ border-top-right-radius: 0;
573
+ border-bottom-right-radius: 0;
574
+ }
698
575
 
699
- &.ant-input-group.ant-input-group-compact > *:first-child,
700
- &.ant-input-group.ant-input-group-compact
701
- > .ant-select:first-child
702
- > .ant-select-selector,
703
- &.ant-input-group.ant-input-group-compact
704
- > .ant-calendar-picker:first-child
705
- .ant-input,
706
- &.ant-input-group.ant-input-group-compact
707
- > .ant-select-auto-complete:first-child
708
- .ant-input,
709
- &.ant-input-group.ant-input-group-compact
710
- > .ant-cascader-picker:first-child
711
- .ant-input,
712
- &.ant-input-group.ant-input-group-compact
713
- > .ant-mention-wrapper:first-child
714
- .ant-mention-editor,
715
- &.ant-input-group.ant-input-group-compact
716
- > .ant-time-picker:first-child
717
- .ant-time-picker-input {
718
- border-bottom-left-radius: 5px;
719
- border-top-left-radius: 5px;
720
- }
721
- &.ant-input-group.ant-input-group-compact > *:last-child,
722
- &.ant-input-group.ant-input-group-compact
723
- > .ant-select:last-child
724
- > .ant-select-selector,
725
- &.ant-input-group.ant-input-group-compact
726
- > .ant-calendar-picker:last-child
727
- .ant-input,
728
- &.ant-input-group.ant-input-group-compact
729
- > .ant-select-auto-complete:last-child
730
- .ant-input,
731
- &.ant-input-group.ant-input-group-compact
732
- > .ant-cascader-picker:last-child
733
- .ant-input,
734
- &.ant-input-group.ant-input-group-compact
735
- > .ant-cascader-picker-focused:last-child
736
- .ant-input,
737
- &.ant-input-group.ant-input-group-compact
738
- > .ant-mention-wrapper:last-child
739
- .ant-mention-editor,
740
- &.ant-input-group.ant-input-group-compact
741
- > .ant-time-picker:last-child
742
- .ant-time-picker-input {
743
- border-bottom-right-radius: 5px;
744
- border-top-right-radius: 5px;
576
+ &:last-child {
577
+ border-top-left-radius: 0;
578
+ border-bottom-left-radius: 0;
579
+ }
580
+
581
+ &:not(:first-child, :last-child) {
582
+ border-radius: unset;
583
+ }
745
584
  }
746
585
  }
747
586
 
748
587
 
749
- .E_ai7qkf2 {
750
- .ant-input-number-handler-wrap {
751
- display: var(--ai7qkf2-0);
588
+ .E_d133fzv0 {
589
+ .ant-dropdown-menu-item-group {
590
+ .ant-dropdown-menu-item-group-title {
591
+ padding: 4px 8px 0 8px;
592
+ color: $text-light-secondary;
593
+ font-size: 12px;
594
+ }
595
+ .ant-dropdown-menu-item-group-list {
596
+ padding-bottom: 6px;
597
+ }
598
+ &:not(:first-child) {
599
+ padding-top: 4px;
600
+ border-top: 1px solid $strokes-light-trans-2;
601
+ }
602
+ }
603
+ }
604
+
605
+
606
+ .E_f7pxqmh {
607
+ width: 100%;
608
+ margin-bottom: 0 !important;
609
+ flex-flow: nowrap !important;
610
+ line-break: auto;
611
+
612
+ & > .ant-form-item-label {
613
+ text-align: left !important;
614
+ padding-bottom: 0 !important;
615
+
616
+ & > label {
617
+ min-height: 32px;
618
+ height: auto;
619
+ font-size: 13px;
620
+ color: rgba(44, 56, 82, 0.6);
621
+ white-space: normal;
622
+ }
623
+ }
624
+
625
+ &.ant-form-item-has-error {
626
+ .ant-input {
627
+ border-color: #ff4d4f !important;
628
+ }
629
+ .ant-input-password {
630
+ border-color: #ff4d4f !important;
631
+ }
632
+ }
633
+
634
+ .ant-form-item-explain {
635
+ margin-top: 4px;
636
+ font-size: 12px;
637
+ min-height: 0px;
638
+ }
639
+
640
+ .ant-form-item-extra {
641
+ font-size: 12px;
642
+ color: rgba(44, 56, 82, 0.6);
643
+ min-height: 0px;
644
+ }
645
+ }
646
+
647
+
648
+ .E_i1inqkme {
649
+ height: 18px;
650
+ line-height: 18px;
651
+ padding: 0 4px;
652
+ border-radius: 4px;
653
+ background: rgba(235, 239, 245, 0.6);
654
+ border: 1px solid rgba(223, 228, 235, 0.6);
655
+ display: flex;
656
+ align-items: center;
657
+ white-space: nowrap;
658
+ margin-right: 4px;
659
+ }
660
+
661
+
662
+ .E_fzh9mnb {
663
+ width: 100%;
664
+ height: 100%;
665
+ min-height: 124px;
666
+ display: flex;
667
+ flex-direction: column;
668
+ justify-content: center;
669
+ align-items: center;
670
+
671
+ .error-text {
672
+ color: $text-terdiary-light;
673
+ margin-bottom: 16px;
674
+ font-size: 18px;
675
+ }
676
+ }
677
+
678
+
679
+ .E_itxley7 {
680
+ &.ant-input-group.ant-input-group-compact {
681
+ display: flex;
682
+ }
683
+
684
+ &.ant-input-group.ant-input-group-compact > *:first-child,
685
+ &.ant-input-group.ant-input-group-compact
686
+ > .ant-select:first-child
687
+ > .ant-select-selector,
688
+ &.ant-input-group.ant-input-group-compact
689
+ > .ant-calendar-picker:first-child
690
+ .ant-input,
691
+ &.ant-input-group.ant-input-group-compact
692
+ > .ant-select-auto-complete:first-child
693
+ .ant-input,
694
+ &.ant-input-group.ant-input-group-compact
695
+ > .ant-cascader-picker:first-child
696
+ .ant-input,
697
+ &.ant-input-group.ant-input-group-compact
698
+ > .ant-mention-wrapper:first-child
699
+ .ant-mention-editor,
700
+ &.ant-input-group.ant-input-group-compact
701
+ > .ant-time-picker:first-child
702
+ .ant-time-picker-input {
703
+ border-bottom-left-radius: 5px;
704
+ border-top-left-radius: 5px;
705
+ }
706
+ &.ant-input-group.ant-input-group-compact > *:last-child,
707
+ &.ant-input-group.ant-input-group-compact
708
+ > .ant-select:last-child
709
+ > .ant-select-selector,
710
+ &.ant-input-group.ant-input-group-compact
711
+ > .ant-calendar-picker:last-child
712
+ .ant-input,
713
+ &.ant-input-group.ant-input-group-compact
714
+ > .ant-select-auto-complete:last-child
715
+ .ant-input,
716
+ &.ant-input-group.ant-input-group-compact
717
+ > .ant-cascader-picker:last-child
718
+ .ant-input,
719
+ &.ant-input-group.ant-input-group-compact
720
+ > .ant-cascader-picker-focused:last-child
721
+ .ant-input,
722
+ &.ant-input-group.ant-input-group-compact
723
+ > .ant-mention-wrapper:last-child
724
+ .ant-mention-editor,
725
+ &.ant-input-group.ant-input-group-compact
726
+ > .ant-time-picker:last-child
727
+ .ant-time-picker-input {
728
+ border-bottom-right-radius: 5px;
729
+ border-top-right-radius: 5px;
730
+ }
731
+ }
732
+
733
+
734
+ .E_ai7qkf2 {
735
+ .ant-input-number-handler-wrap {
736
+ display: var(--ai7qkf2-0);
752
737
  }
753
738
  .ant-input-number-input-wrap {
754
739
  display: inline-flex;
@@ -827,36 +812,24 @@
827
812
  }
828
813
 
829
814
 
830
- .E_owd0kml {
831
- display: inline-block;
832
- }
833
-
834
- .E_h1jsgezc {
835
- visibility: hidden;
836
- position: absolute;
837
- }
838
-
839
-
840
- .E_i1inqkme {
841
- height: 18px;
842
- line-height: 18px;
843
- padding: 0 4px;
844
- border-radius: 4px;
845
- background: rgba(235, 239, 245, 0.6);
846
- border: 1px solid rgba(223, 228, 235, 0.6);
847
- display: flex;
815
+ .E_iouxfgt {
816
+ display: inline-flex;
848
817
  align-items: center;
849
- white-space: nowrap;
850
- margin-right: 4px;
851
- }
852
818
 
853
-
854
- .E_atcz0kf {
855
- .ant-input-suffix {
856
- margin-left: 8px;
819
+ .icon-inner {
820
+ display: inline-flex;
821
+ align-items: center;
822
+ justify-content: center;
857
823
  }
858
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
859
- padding: 2px 7px 2px 12px;
824
+ .icon-inner + span,
825
+ span + .icon-inner.suffix {
826
+ margin-left: 4px;
827
+ }
828
+ &.is-rotate {
829
+ img,
830
+ svg {
831
+ animation: rotate 680ms linear infinite;
832
+ }
860
833
  }
861
834
  }
862
835
 
@@ -898,69 +871,19 @@
898
871
  }
899
872
 
900
873
 
901
- .E_phljevk {
902
- display: flex;
903
- justify-content: space-between;
904
- align-items: center;
905
- padding: 10px 0;
906
- color: $text-light-secondary;
907
- font-size: 12px;
908
- line-height: 24px;
909
-
910
- .pagination-left {
911
- padding: 2px 8px;
912
- }
913
-
914
- .dropdown-trigger {
915
- display: flex;
916
- align-items: center;
917
- border-radius: 6px;
918
- cursor: pointer;
919
- transition: all 0.3s ease;
920
-
921
- &:hover {
922
- background: $fills-interaction-light-general-hover;
923
- color: $text-light-general;
924
- }
925
- .icon-inner {
926
- margin-left: 4px;
927
- }
874
+ .E_atcz0kf {
875
+ .ant-input-suffix {
876
+ margin-left: 8px;
928
877
  }
929
-
930
- .pagination-right {
931
- display: flex;
932
- align-items: center;
933
- color: $blue-60;
934
- font-weight: bold;
935
- .icon-inner {
936
- margin-left: 4px;
937
- }
938
- .prev-btn,
939
- .next-btn {
940
- padding: 0 8px;
941
- > span {
942
- color: $text-light-general;
943
- }
944
- }
945
-
946
- .next-btn {
947
- .icon-inner {
948
- transform: rotate(180deg);
949
- }
950
- }
878
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
879
+ padding: 2px 7px 2px 12px;
951
880
  }
952
881
  }
953
882
 
954
- .E_d12rtyeg {
955
- &.ant-dropdown .ant-dropdown-menu {
956
- max-height: calc(100vh - 128px);
957
- overflow-y: auto;
958
883
 
959
- .ant-dropdown-menu-item {
960
- padding: 4px 20px;
961
- font-size: 12px;
962
- line-height: 18px;
963
- }
884
+ .E_sx1bpnu {
885
+ .ant-input-sm {
886
+ line-height: 18px;
964
887
  }
965
888
  }
966
889
 
@@ -1146,34 +1069,69 @@
1146
1069
  }
1147
1070
 
1148
1071
 
1149
- .E_i11gg7mj {
1150
- .ant-input-prefix {
1151
- margin-right: 8px;
1152
- }
1153
- .ant-input-suffix {
1154
- margin-left: 8px;
1155
- }
1156
- }
1157
-
1158
- .E_cc368xp {
1159
- color: $gray-120;
1160
- border-right: 1px solid $gray-a60-5;
1161
- margin-right: 8px;
1162
- padding-right: 8px;
1163
- }
1164
-
1165
- .E_i11o6xqj {
1072
+ .E_phljevk {
1166
1073
  display: flex;
1167
- gap: 4px;
1074
+ justify-content: space-between;
1075
+ align-items: center;
1076
+ padding: 10px 0;
1077
+ color: $text-light-secondary;
1078
+ font-size: 12px;
1079
+ line-height: 24px;
1168
1080
 
1169
- .icon-wrapper {
1081
+ .pagination-left {
1082
+ padding: 2px 8px;
1083
+ }
1084
+
1085
+ .dropdown-trigger {
1086
+ display: flex;
1087
+ align-items: center;
1088
+ border-radius: 6px;
1170
1089
  cursor: pointer;
1090
+ transition: all 0.3s ease;
1091
+
1092
+ &:hover {
1093
+ background: $fills-interaction-light-general-hover;
1094
+ color: $text-light-general;
1095
+ }
1096
+ .icon-inner {
1097
+ margin-left: 4px;
1098
+ }
1099
+ }
1100
+
1101
+ .pagination-right {
1102
+ display: flex;
1103
+ align-items: center;
1104
+ color: $blue-60;
1105
+ font-weight: bold;
1106
+ .icon-inner {
1107
+ margin-left: 4px;
1108
+ }
1109
+ .prev-btn,
1110
+ .next-btn {
1111
+ padding: 0 8px;
1112
+ > span {
1113
+ color: $text-light-general;
1114
+ }
1115
+ }
1116
+
1117
+ .next-btn {
1118
+ .icon-inner {
1119
+ transform: rotate(180deg);
1120
+ }
1121
+ }
1171
1122
  }
1172
1123
  }
1173
1124
 
1174
- .E_d19ruhdj {
1175
- &.icon-wrapper {
1176
- cursor: not-allowed;
1125
+ .E_d12rtyeg {
1126
+ &.ant-dropdown .ant-dropdown-menu {
1127
+ max-height: calc(100vh - 128px);
1128
+ overflow-y: auto;
1129
+
1130
+ .ant-dropdown-menu-item {
1131
+ padding: 4px 20px;
1132
+ font-size: 12px;
1133
+ line-height: 18px;
1134
+ }
1177
1135
  }
1178
1136
  }
1179
1137
 
@@ -1222,6 +1180,16 @@
1222
1180
  }
1223
1181
 
1224
1182
 
1183
+ .E_owd0kml {
1184
+ display: inline-block;
1185
+ }
1186
+
1187
+ .E_h1jsgezc {
1188
+ visibility: hidden;
1189
+ position: absolute;
1190
+ }
1191
+
1192
+
1225
1193
  .E_ivqqkzv {
1226
1194
  height: 24px;
1227
1195
  width: 56px !important;
@@ -1233,6 +1201,38 @@
1233
1201
  }
1234
1202
 
1235
1203
 
1204
+ .E_i11gg7mj {
1205
+ .ant-input-prefix {
1206
+ margin-right: 8px;
1207
+ }
1208
+ .ant-input-suffix {
1209
+ margin-left: 8px;
1210
+ }
1211
+ }
1212
+
1213
+ .E_cc368xp {
1214
+ color: $gray-120;
1215
+ border-right: 1px solid $gray-a60-5;
1216
+ margin-right: 8px;
1217
+ padding-right: 8px;
1218
+ }
1219
+
1220
+ .E_i11o6xqj {
1221
+ display: flex;
1222
+ gap: 4px;
1223
+
1224
+ .icon-wrapper {
1225
+ cursor: pointer;
1226
+ }
1227
+ }
1228
+
1229
+ .E_d19ruhdj {
1230
+ &.icon-wrapper {
1231
+ cursor: not-allowed;
1232
+ }
1233
+ }
1234
+
1235
+
1236
1236
  .E_cnujxq2 {
1237
1237
  display: flex;
1238
1238
  flex-direction: column;
@@ -2046,6 +2046,99 @@
2046
2046
  }
2047
2047
 
2048
2048
 
2049
+ .E_tju3gfj {
2050
+ .date {
2051
+ margin-right: 4px;
2052
+ }
2053
+ }
2054
+
2055
+
2056
+ .E_s1sck0th {
2057
+ padding: 0 8px;
2058
+ border-radius: 4px;
2059
+ }
2060
+
2061
+ .E_m855nr1 {
2062
+ padding: 2px 8px;
2063
+ border-radius: 3px;
2064
+ }
2065
+
2066
+ .E_l1270xpg {
2067
+ padding: 3px 8px;
2068
+ border-radius: 2px;
2069
+ }
2070
+
2071
+ .E_t14rextb {
2072
+ &.ant-tag:hover {
2073
+ opacity: unset;
2074
+ }
2075
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
2076
+ margin: 0;
2077
+ margin-right: 8px;
2078
+ display: inline-flex;
2079
+ align-items: center;
2080
+ border: none;
2081
+ & .ant-tag-close-icon {
2082
+ width: 16px;
2083
+ height: 16px;
2084
+ color: inherit;
2085
+ margin-left: 4px;
2086
+ opacity: 0.6;
2087
+ display: inline-flex;
2088
+ &:hover {
2089
+ opacity: 1;
2090
+ }
2091
+ }
2092
+ &.ant-tag-blue {
2093
+ color: $fills-light-general-general;
2094
+ background-color: $fills-light-general-general-light;
2095
+ }
2096
+ &.ant-tag-red {
2097
+ color: $fills-light-serious-serious;
2098
+ background-color: $fills-light-serious-serious-light;
2099
+ }
2100
+ &.ant-tag-yellow {
2101
+ color: $fills-light-notice-notice-dark;
2102
+ background-color: $fills-light-notice-notice-light;
2103
+ }
2104
+ &.ant-tag-green {
2105
+ color: $fills-light-positive-positive-dark;
2106
+ background-color: $fills-light-positive-positive-light;
2107
+ }
2108
+ &.ant-tag-gray {
2109
+ color: $text-light-super;
2110
+ background-color: $fills-element-light-container-general;
2111
+ }
2112
+ &.ant-tag-purple {
2113
+ color: $text-colorful-purple;
2114
+ background-color: $fill-purple-light;
2115
+ }
2116
+
2117
+ &.ui-kit-token-checked {
2118
+ color: $text-light-on-tint;
2119
+ &.ant-tag-red {
2120
+ background-color: $fills-light-serious-serious;
2121
+ }
2122
+ &.ant-tag-yellow {
2123
+ background-color: $fills-light-notice-notice;
2124
+ }
2125
+ &.ant-tag-green {
2126
+ background-color: $fills-light-positive-positive;
2127
+ }
2128
+ &.ant-tag-blue {
2129
+ background-color: $fills-light-general-general;
2130
+ }
2131
+ &.ant-tag-gray {
2132
+ background-color: $gray-70;
2133
+ }
2134
+ &.ant-tag-purple {
2135
+ background-color: $fill-purple-base;
2136
+ }
2137
+ }
2138
+ }
2139
+ }
2140
+
2141
+
2049
2142
  .E_s1dizucg {
2050
2143
  &.ant-switch {
2051
2144
  min-width: 40px;
@@ -2106,44 +2199,126 @@
2106
2199
  }
2107
2200
 
2108
2201
 
2109
- .E_tju3gfj {
2110
- .date {
2111
- margin-right: 4px;
2112
- }
2113
- }
2114
-
2115
-
2116
- .E_dsnbhzf {
2117
- @include Inter(bold);
2118
- font-size: 32px;
2119
- line-height: 40px;
2202
+ .E_s1dni7lo {
2203
+ width: 430px !important;
2120
2204
  }
2121
2205
 
2122
- .E_d1mvo22k {
2123
- @include Inter(bold);
2124
- font-size: 24px;
2125
- line-height: 32px;
2206
+ .E_d1wwmmm5 {
2207
+ .ant-select-item-group {
2208
+ padding: 8px 16px;
2209
+ line-height: 18px;
2210
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
2211
+ height: 34px;
2212
+ min-height: 34px;
2213
+ box-sizing: border-box;
2214
+ margin-top: 8px;
2215
+ }
2126
2216
  }
2127
2217
 
2128
- .E_d1b444tr {
2129
- @include Inter();
2130
- font-size: 32px;
2131
- line-height: 40px;
2132
- }
2218
+ .E_o1ugr09p {
2219
+ display: flex;
2220
+ flex-direction: column;
2221
+ margin: 1px 8px;
2222
+ padding: 8px;
2223
+ border-radius: 4px;
2133
2224
 
2134
- .E_dvs0kue {
2135
- @include Inter(bold);
2136
- font-size: 20px;
2137
- line-height: 24px;
2138
- }
2225
+ .selected-icon {
2226
+ display: none;
2227
+ }
2139
2228
 
2140
- .E_d1hcbfcq {
2141
- @include Inter();
2142
- font-size: 20px;
2143
- line-height: 24px;
2144
- }
2229
+ &.ant-select-item-option-grouped {
2230
+ padding-left: 8px;
2231
+ }
2145
2232
 
2146
- .E_d1cz922v {
2233
+ &.ant-select-item-option-selected {
2234
+ background-color: white;
2235
+ .timezone-title {
2236
+ color: #0080ff;
2237
+ }
2238
+ .selected-icon {
2239
+ display: block;
2240
+ }
2241
+ }
2242
+
2243
+ &.ant-select-item-option-active {
2244
+ background: rgba(0, 136, 255, 0.16);
2245
+ .timezone-title {
2246
+ color: #0080ff;
2247
+ }
2248
+ .timezone-tag {
2249
+ background: rgba(0, 136, 255, 0.1);
2250
+ color: #0080ff;
2251
+ }
2252
+ }
2253
+ }
2254
+
2255
+ .E_o1ifxsq4 {
2256
+ display: flex;
2257
+ justify-content: space-between;
2258
+ height: 20px;
2259
+ line-height: 20px;
2260
+
2261
+ .timezone-title {
2262
+ color: #2d3a56;
2263
+ overflow: hidden;
2264
+ text-overflow: ellipsis;
2265
+ }
2266
+ }
2267
+
2268
+ .E_o1zue7 {
2269
+ display: flex;
2270
+ justify-content: space-between;
2271
+ color: $text-light-secondary;
2272
+ height: 18px;
2273
+ line-height: 18px;
2274
+ margin-top: 2px;
2275
+ }
2276
+
2277
+ .E_tyfmlxg {
2278
+ border: none;
2279
+ margin-right: 0;
2280
+ background: rgba(225, 230, 241, 0.6);
2281
+ }
2282
+
2283
+ .E_o18uybox {
2284
+ pointer-events: none;
2285
+ height: 32px;
2286
+ width: 100%;
2287
+ opacity: 0;
2288
+ }
2289
+
2290
+
2291
+ .E_dsnbhzf {
2292
+ @include Inter(bold);
2293
+ font-size: 32px;
2294
+ line-height: 40px;
2295
+ }
2296
+
2297
+ .E_d1mvo22k {
2298
+ @include Inter(bold);
2299
+ font-size: 24px;
2300
+ line-height: 32px;
2301
+ }
2302
+
2303
+ .E_d1b444tr {
2304
+ @include Inter();
2305
+ font-size: 32px;
2306
+ line-height: 40px;
2307
+ }
2308
+
2309
+ .E_dvs0kue {
2310
+ @include Inter(bold);
2311
+ font-size: 20px;
2312
+ line-height: 24px;
2313
+ }
2314
+
2315
+ .E_d1hcbfcq {
2316
+ @include Inter();
2317
+ font-size: 20px;
2318
+ line-height: 24px;
2319
+ }
2320
+
2321
+ .E_d1cz922v {
2147
2322
  @include Inter(bold);
2148
2323
  font-size: 18px;
2149
2324
  line-height: 22px;
@@ -2467,87 +2642,20 @@
2467
2642
  }
2468
2643
 
2469
2644
 
2470
- .E_s1sck0th {
2471
- padding: 0 8px;
2472
- border-radius: 4px;
2473
- }
2474
-
2475
- .E_m855nr1 {
2476
- padding: 2px 8px;
2477
- border-radius: 3px;
2478
- }
2645
+ .E_m196gn1d {
2646
+ min-width: 1280px;
2647
+ }
2479
2648
 
2480
- .E_l1270xpg {
2481
- padding: 3px 8px;
2482
- border-radius: 2px;
2483
- }
2484
2649
 
2485
- .E_t14rextb {
2486
- &.ant-tag:hover {
2487
- opacity: unset;
2650
+ .E_t1m2x205 {
2651
+ .ant-tooltip-arrow {
2652
+ display: none;
2488
2653
  }
2489
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
2490
- margin: 0;
2491
- margin-right: 8px;
2492
- display: inline-flex;
2493
- align-items: center;
2494
- border: none;
2495
- & .ant-tag-close-icon {
2496
- width: 16px;
2497
- height: 16px;
2498
- color: inherit;
2499
- margin-left: 4px;
2500
- opacity: 0.6;
2501
- display: inline-flex;
2502
- &:hover {
2503
- opacity: 1;
2504
- }
2505
- }
2506
- &.ant-tag-blue {
2507
- color: $fills-light-general-general;
2508
- background-color: $fills-light-general-general-light;
2509
- }
2510
- &.ant-tag-red {
2511
- color: $fills-light-serious-serious;
2512
- background-color: $fills-light-serious-serious-light;
2513
- }
2514
- &.ant-tag-yellow {
2515
- color: $fills-light-notice-notice-dark;
2516
- background-color: $fills-light-notice-notice-light;
2517
- }
2518
- &.ant-tag-green {
2519
- color: $fills-light-positive-positive-dark;
2520
- background-color: $fills-light-positive-positive-light;
2521
- }
2522
- &.ant-tag-gray {
2523
- color: $text-light-super;
2524
- background-color: $fills-element-light-container-general;
2525
- }
2526
- &.ant-tag-purple {
2527
- color: $text-colorful-purple;
2528
- background-color: $fill-purple-light;
2529
- }
2530
-
2531
- &.ui-kit-token-checked {
2532
- color: $text-light-on-tint;
2533
- &.ant-tag-red {
2534
- background-color: $fills-light-serious-serious;
2535
- }
2536
- &.ant-tag-yellow {
2537
- background-color: $fills-light-notice-notice;
2538
- }
2539
- &.ant-tag-green {
2540
- background-color: $fills-light-positive-positive;
2541
- }
2542
- &.ant-tag-blue {
2543
- background-color: $fills-light-general-general;
2544
- }
2545
- &.ant-tag-gray {
2546
- background-color: $gray-70;
2547
- }
2548
- &.ant-tag-purple {
2549
- background-color: $fill-purple-base;
2550
- }
2654
+ .ant-tooltip-inner {
2655
+ background: $gray-a80-9;
2656
+ border-radius: 4px;
2657
+ &:has(.eagle-ellipsis-content) {
2658
+ visibility: hidden;
2551
2659
  }
2552
2660
  }
2553
2661
  }
@@ -2595,157 +2703,49 @@
2595
2703
  }
2596
2704
 
2597
2705
 
2598
- .E_t1m2x205 {
2599
- .ant-tooltip-arrow {
2600
- display: none;
2601
- }
2602
- .ant-tooltip-inner {
2603
- background: $gray-a80-9;
2604
- border-radius: 4px;
2605
- &:has(.eagle-ellipsis-content) {
2606
- visibility: hidden;
2607
- }
2706
+ .E_c1yyuluq {
2707
+ border-radius: 8px;
2708
+ .ant-card-body {
2709
+ padding: 20px 24px 24px 24px;
2608
2710
  }
2609
2711
  }
2610
2712
 
2611
2713
 
2612
- .E_s1dni7lo {
2613
- width: 430px !important;
2614
- }
2714
+ .E_ccrbeuz {
2715
+ .ant-collapse-item {
2716
+ border: 0px;
2717
+ background-color: $fills-light-white;
2615
2718
 
2616
- .E_d1wwmmm5 {
2617
- .ant-select-item-group {
2618
- padding: 8px 16px;
2619
- line-height: 18px;
2620
- border-top: 1px solid rgba(211, 218, 235, 0.6);
2621
- height: 34px;
2622
- min-height: 34px;
2623
- box-sizing: border-box;
2624
- margin-top: 8px;
2719
+ .ant-collapse-header {
2720
+ padding-top: 0px;
2721
+ padding-bottom: 0px;
2722
+ padding-left: 0px !important;
2723
+ padding-right: 24px;
2724
+ .ant-collapse-arrow {
2725
+ right: 0px;
2726
+ }
2727
+ }
2728
+ .ant-collapse-content {
2729
+ .ant-collapse-content-box {
2730
+ padding: 0px;
2731
+ }
2732
+ }
2625
2733
  }
2626
2734
  }
2627
2735
 
2628
- .E_o1ugr09p {
2629
- display: flex;
2630
- flex-direction: column;
2631
- margin: 1px 8px;
2632
- padding: 8px;
2633
- border-radius: 4px;
2634
-
2635
- .selected-icon {
2636
- display: none;
2736
+ .E_c1fljvag {
2737
+ .ant-collapse-item {
2738
+ .ant-collapse-header {
2739
+ padding-right: 0px;
2740
+ cursor: default;
2637
2741
  }
2742
+ }
2743
+ }
2638
2744
 
2639
- &.ant-select-item-option-grouped {
2640
- padding-left: 8px;
2641
- }
2642
2745
 
2643
- &.ant-select-item-option-selected {
2644
- background-color: white;
2645
- .timezone-title {
2646
- color: #0080ff;
2647
- }
2648
- .selected-icon {
2649
- display: block;
2650
- }
2651
- }
2652
-
2653
- &.ant-select-item-option-active {
2654
- background: rgba(0, 136, 255, 0.16);
2655
- .timezone-title {
2656
- color: #0080ff;
2657
- }
2658
- .timezone-tag {
2659
- background: rgba(0, 136, 255, 0.1);
2660
- color: #0080ff;
2661
- }
2662
- }
2663
- }
2664
-
2665
- .E_o1ifxsq4 {
2666
- display: flex;
2667
- justify-content: space-between;
2668
- height: 20px;
2669
- line-height: 20px;
2670
-
2671
- .timezone-title {
2672
- color: #2d3a56;
2673
- overflow: hidden;
2674
- text-overflow: ellipsis;
2675
- }
2676
- }
2677
-
2678
- .E_o1zue7 {
2679
- display: flex;
2680
- justify-content: space-between;
2681
- color: $text-light-secondary;
2682
- height: 18px;
2683
- line-height: 18px;
2684
- margin-top: 2px;
2685
- }
2686
-
2687
- .E_tyfmlxg {
2688
- border: none;
2689
- margin-right: 0;
2690
- background: rgba(225, 230, 241, 0.6);
2691
- }
2692
-
2693
- .E_o18uybox {
2694
- pointer-events: none;
2695
- height: 32px;
2696
- width: 100%;
2697
- opacity: 0;
2698
- }
2699
-
2700
-
2701
- .E_m196gn1d {
2702
- min-width: 1280px;
2703
- }
2704
-
2705
-
2706
- .E_c1yyuluq {
2707
- border-radius: 8px;
2708
- .ant-card-body {
2709
- padding: 20px 24px 24px 24px;
2710
- }
2711
- }
2712
-
2713
-
2714
- .E_ccrbeuz {
2715
- .ant-collapse-item {
2716
- border: 0px;
2717
- background-color: $fills-light-white;
2718
-
2719
- .ant-collapse-header {
2720
- padding-top: 0px;
2721
- padding-bottom: 0px;
2722
- padding-left: 0px !important;
2723
- padding-right: 24px;
2724
- .ant-collapse-arrow {
2725
- right: 0px;
2726
- }
2727
- }
2728
- .ant-collapse-content {
2729
- .ant-collapse-content-box {
2730
- padding: 0px;
2731
- }
2732
- }
2733
- }
2734
- }
2735
-
2736
- .E_c1fljvag {
2737
- .ant-collapse-item {
2738
- .ant-collapse-header {
2739
- padding-right: 0px;
2740
- cursor: default;
2741
- }
2742
- }
2743
- }
2744
-
2745
-
2746
- .E_hrhfj7c {
2747
- display: none;
2748
- }
2746
+ .E_hrhfj7c {
2747
+ display: none;
2748
+ }
2749
2749
 
2750
2750
  .E_dt9qoak {
2751
2751
  .bottom {
@@ -3299,22 +3299,6 @@
3299
3299
  }
3300
3300
 
3301
3301
 
3302
- .E_w1dxz879 {
3303
- display: flex;
3304
- flex-direction: column;
3305
- gap: 6px;
3306
- .ellipsis-tooltip {
3307
- max-height: var(--w1dxz879-0);
3308
- text-overflow: clip;
3309
- overflow: hidden;
3310
- }
3311
- .tips {
3312
- color: #fff;
3313
- opacity: 0.8;
3314
- }
3315
- }
3316
-
3317
-
3318
3302
  .E_h12yihis {
3319
3303
  height: 50px;
3320
3304
  border-bottom: 2px solid #edf0f7;
@@ -3585,94 +3569,22 @@
3585
3569
  }
3586
3570
 
3587
3571
 
3588
- .E_r77hffu {
3589
- display: flex;
3590
- align-items: center;
3591
- justify-content: space-between;
3592
- column-gap: 6px;
3593
- }
3594
-
3595
- .E_p1cmxsf7 {
3572
+ .E_w1dxz879 {
3596
3573
  display: flex;
3597
3574
  flex-direction: column;
3598
- justify-content: center;
3599
- row-gap: var(--p1cmxsf7-0);
3600
-
3601
- .antd5-progress-line {
3602
- font-size: 0;
3603
- margin-bottom: unset;
3604
- margin-inline-end: unset;
3605
- }
3606
- }
3607
-
3608
-
3609
- .E_s11wux3h {
3610
- .antd5-segmented-item:not(:last-child) {
3611
- margin-right: 2px;
3612
- }
3613
- }
3614
-
3615
- .E_s1t2an3z {
3616
- &.antd5-segmented-sm .antd5-segmented-item-label {
3617
- padding-left: 8px;
3618
- padding-right: 8px;
3619
- font-size: 12px;
3620
- }
3621
-
3622
- &.antd5-segmented-sm .antd5-segmented-item-selected {
3623
- border-radius: 4px;
3624
- }
3625
-
3626
- &.antd5-segmented
3627
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3628
- .antd5-segmented-item-disabled
3629
- ) {
3630
- border-radius: 4px;
3631
- }
3632
- }
3633
-
3634
- .E_ma64lna {
3635
- .antd5-segmented-item-label {
3636
- padding-left: 12px;
3637
- padding-right: 12px;
3638
- }
3639
- }
3640
-
3641
- .E_ckld275 {
3642
- background-color: $fill-neutral-trans-2;
3643
- &.antd5-segmented
3644
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3645
- .antd5-segmented-item-disabled
3646
- ) {
3647
- background-color: $fill-neutral-light-white;
3648
- color: $text-neutral-secondary-light;
3649
- }
3650
- // on animate remove hover bg color
3651
- &.antd5-segmented
3652
- .antd5-segmented-thumb
3653
- ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3654
- .antd5-segmented-item-disabled
3655
- ) {
3656
- background-color: transparent;
3575
+ gap: 6px;
3576
+ .ellipsis-tooltip {
3577
+ max-height: var(--w1dxz879-0);
3578
+ text-overflow: clip;
3579
+ overflow: hidden;
3657
3580
  }
3658
- // remove after's bg color
3659
- &.antd5-segmented
3660
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3661
- .antd5-segmented-item-disabled
3662
- )::after {
3663
- background-color: transparent;
3581
+ .tips {
3582
+ color: #fff;
3583
+ opacity: 0.8;
3664
3584
  }
3665
3585
  }
3666
3586
 
3667
3587
 
3668
- .E_ckui4s7 {
3669
- color: $text-primary-light;
3670
- line-height: 22px;
3671
- display: inline-flex;
3672
- .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; } } }
3673
- }
3674
-
3675
-
3676
3588
  .E_c1kghdax {
3677
3589
  color: $text-primary-light;
3678
3590
  padding: 7px 12px;
@@ -3721,11 +3633,6 @@
3721
3633
  }
3722
3634
 
3723
3635
 
3724
- .E_c1yd35n {
3725
- padding: 0 12px 14px 12px;
3726
- }
3727
-
3728
-
3729
3636
  .E_b14q2gmw {
3730
3637
  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3731
3638
  0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
@@ -3753,263 +3660,335 @@
3753
3660
  }
3754
3661
 
3755
3662
 
3756
- .E_t1gvlxt5 {
3757
- min-width: 0;
3758
- flex: 1;
3759
- .tag {
3760
- flex: 0 0 auto;
3761
- }
3762
- .progress-title {
3763
- flex: 2;
3764
- max-width: fit-content;
3765
- }
3766
- .progress-desc {
3767
- flex: 1;
3768
- max-width: fit-content;
3769
- }
3770
- }
3771
-
3772
- .E_a1ji6r68 {
3663
+ .E_r77hffu {
3773
3664
  display: flex;
3774
3665
  align-items: center;
3775
- column-gap: var(--a1ji6r68-0);
3666
+ justify-content: space-between;
3667
+ column-gap: 6px;
3776
3668
  }
3777
3669
 
3778
-
3779
- .E_msn7nxt {
3780
- color: $text-light-secondary;
3781
- text-align: center;
3782
-
3670
+ .E_p1cmxsf7 {
3783
3671
  display: flex;
3784
- align-items: center;
3785
- justify-content: center;
3786
3672
  flex-direction: column;
3787
- height: 100%;
3673
+ justify-content: center;
3674
+ row-gap: var(--p1cmxsf7-0);
3788
3675
 
3789
- .link {
3790
- color: $text-light-general;
3791
- cursor: pointer;
3676
+ .antd5-progress-line {
3677
+ font-size: 0;
3678
+ margin-bottom: unset;
3679
+ margin-inline-end: unset;
3792
3680
  }
3793
3681
  }
3794
3682
 
3795
- .E_mp64wfi {
3796
- width: 100%;
3797
- height: 100%;
3798
- display: flex;
3799
- flex-direction: column;
3800
3683
 
3801
- .name-toolbar {
3802
- width: 100%;
3803
- display: flex;
3804
- line-height: 30px;
3805
- padding: 0 16px;
3806
- justify-content: space-between;
3807
- .metric-extra {
3808
- display: flex;
3809
- font-size: 12px;
3810
- align-items: center;
3811
-
3812
- .info-item {
3813
- color: $gray-60;
3814
- }
3815
- .info-item + .info-item {
3816
- margin-left: 10px;
3817
- }
3818
-
3819
- .menu-trigger {
3820
- margin-left: 10px;
3821
- cursor: pointer;
3822
- }
3823
- }
3824
- }
3825
-
3826
- .content {
3827
- flex: 1;
3828
- width: 100%;
3829
- display: flex;
3830
- justify-content: center;
3831
- align-items: center;
3832
- }
3833
- .single-content {
3834
- height: 65px;
3684
+ .E_s11wux3h {
3685
+ .antd5-segmented-item:not(:last-child) {
3686
+ margin-right: 2px;
3835
3687
  }
3836
3688
  }
3837
3689
 
3838
- .E_l1oyigan {
3839
- display: flex;
3840
- align-items: center;
3841
- white-space: nowrap;
3842
- overflow: hidden;
3843
- width: 100%;
3844
-
3845
- .ant-dropdown-trigger {
3846
- margin-left: auto;
3690
+ .E_s1t2an3z {
3691
+ &.antd5-segmented-sm .antd5-segmented-item-label {
3692
+ padding-left: 8px;
3693
+ padding-right: 8px;
3847
3694
  font-size: 12px;
3848
3695
  }
3849
- }
3850
-
3851
- .E_l1noi4n1 {
3852
- display: flex;
3853
- justify-content: flex-start;
3854
- align-items: center;
3855
- font-size: 12px;
3856
- cursor: pointer;
3857
3696
 
3858
- &:not(:last-child) {
3859
- margin-right: 20px;
3697
+ &.antd5-segmented-sm .antd5-segmented-item-selected {
3698
+ border-radius: 4px;
3860
3699
  }
3861
- &.deselected {
3862
- opacity: 0.4;
3863
3700
 
3864
- .color-block {
3865
- background: #b4beca !important;
3866
- }
3701
+ &.antd5-segmented
3702
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3703
+ .antd5-segmented-item-disabled
3704
+ ) {
3705
+ border-radius: 4px;
3867
3706
  }
3868
3707
  }
3869
3708
 
3870
- .E_cz19rz6 {
3871
- display: inline-block;
3872
- height: 8px;
3873
- width: 8px;
3874
- margin-right: 8px;
3875
- }
3876
-
3877
- .E_e17r5r9c {
3878
- .ant-dropdown-menu-item {
3879
- display: flex;
3880
- align-items: center;
3881
- font-size: 12px;
3882
- margin: 0;
3709
+ .E_ma64lna {
3710
+ .antd5-segmented-item-label {
3711
+ padding-left: 12px;
3712
+ padding-right: 12px;
3883
3713
  }
3884
3714
  }
3885
3715
 
3886
- .E_m1y1hhnr {
3887
- position: relative;
3888
-
3889
- &.hidden-xaxis .pointer-wrapper {
3890
- bottom: -12px;
3716
+ .E_ckld275 {
3717
+ background-color: $fill-neutral-trans-2;
3718
+ &.antd5-segmented
3719
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3720
+ .antd5-segmented-item-disabled
3721
+ ) {
3722
+ background-color: $fill-neutral-light-white;
3723
+ color: $text-neutral-secondary-light;
3724
+ }
3725
+ // on animate remove hover bg color
3726
+ &.antd5-segmented
3727
+ .antd5-segmented-thumb
3728
+ ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3729
+ .antd5-segmented-item-disabled
3730
+ ) {
3731
+ background-color: transparent;
3732
+ }
3733
+ // remove after's bg color
3734
+ &.antd5-segmented
3735
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3736
+ .antd5-segmented-item-disabled
3737
+ )::after {
3738
+ background-color: transparent;
3891
3739
  }
3740
+ }
3892
3741
 
3893
- .metric-toolbar {
3894
- display: flex;
3895
- justify-content: space-between;
3896
- line-height: 30px;
3897
- margin: 0 16px;
3898
3742
 
3899
- .metric-extra {
3900
- display: flex;
3743
+ .E_l48ei06 {
3744
+ @at-root {
3745
+ button#{&}.ant-btn,
3746
+ button#{&}.ant-btn.ant-btn-sm,
3747
+ button#{&}.ant-btn.ant-btn-lg {
3901
3748
  font-size: 12px;
3902
- align-items: center;
3903
-
3904
- .info-item {
3905
- color: $gray-60;
3749
+ line-height: 18px;
3750
+ height: 18px;
3751
+ }
3752
+ button#{&} {
3753
+ color: #0080FF;
3754
+ height: unset;
3755
+ .button-prefix-icon {
3756
+ margin-right: 4px;
3906
3757
  }
3907
- .info-item + .info-item {
3908
- margin-left: 10px;
3758
+ .button-suffix-icon {
3759
+ margin-left: 4px;
3909
3760
  }
3910
3761
 
3911
- .menu-trigger {
3912
- margin-left: 10px;
3913
- cursor: pointer;
3762
+ &:hover,
3763
+ &.__pseudo-states-hover {
3764
+ color: #009DFF;
3914
3765
  }
3915
- }
3916
- }
3917
3766
 
3918
- .recharts-xAxis {
3919
- font-size: 12px;
3920
- }
3767
+ &:active,
3768
+ &.__pseudo-states-active {
3769
+ color: #005ED1;
3770
+ }
3771
+ &.ui-kit-link-disabled {
3772
+ color: #0080FF;
3773
+ }
3774
+ &.ui-kit-link-primary {
3775
+ color: #00122E;
3921
3776
 
3922
- .pointer-wrapper {
3923
- position: absolute;
3924
- bottom: 10px;
3925
- padding: 0 8px;
3926
- border-radius: 4px;
3927
- font-size: 12px;
3928
- color: $white;
3929
- background: rgba(0, 0, 0, 0.75);
3930
- transform: translateX(-50%);
3931
- }
3932
- }
3777
+ &:hover,
3778
+ &.__pseudo-states-hover {
3779
+ color: #0080FF;
3780
+ }
3933
3781
 
3934
- .E_tnvijvs {
3935
- min-width: 200px;
3936
- }
3782
+ &:active,
3783
+ &.__pseudo-states-active {
3784
+ color: #005ED1;
3785
+ }
3937
3786
 
3938
- .E_t1ub2aex {
3939
- display: flex;
3940
- align-items: center;
3941
- justify-content: space-between;
3942
- background-color: rgba(0, 0, 0, 0.75);
3943
- color: #b4beca;
3944
- font-size: 12px;
3945
- padding: 3px 6px;
3787
+ &.ui-kit-link-disabled {
3788
+ color: #00122E;
3789
+ }
3790
+ }
3946
3791
 
3947
- &:first-child {
3948
- padding-top: 3px;
3949
- }
3950
- &:last-child {
3951
- padding-bottom: 3px;
3952
- }
3953
- .column-value {
3954
- color: $white;
3955
- margin-left: 8px;
3792
+ &.ui-kit-link-secondary {
3793
+ color: #2C3852BF;
3794
+
3795
+ &:hover,
3796
+ &.__pseudo-states-hover {
3797
+ color: #0080FF;
3798
+ }
3799
+
3800
+ &:active,
3801
+ &.__pseudo-states-active {
3802
+ color: #005ED1;
3803
+ }
3804
+
3805
+ &.ui-kit-link-disabled {
3806
+ color: #2C3852BF;
3807
+ }
3808
+ }
3809
+ }
3956
3810
  }
3957
3811
  }
3958
3812
 
3959
3813
 
3960
- .E_lht19u8 {
3961
- width: 64px;
3962
- height: 64px;
3814
+ .E_l1ucdodl {
3815
+ $prefix: ui-kit-status-legend;
3816
+ margin: 0;
3817
+ border-radius: 20px;
3818
+ padding: 2px 10px;
3819
+ height: 22px;
3963
3820
  display: flex;
3964
3821
  align-items: center;
3965
- justify-content: center;
3966
- position: relative;
3967
- opacity: 0.2;
3968
- }
3969
-
3970
- .E_lk3gkp4 {
3971
- position: absolute;
3972
- width: 5px;
3973
- height: 48px;
3974
- left: 9.33px;
3975
- top: 40.5px;
3976
3822
 
3977
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3978
- border-radius: 5px;
3979
- transform: rotate(-128deg);
3980
- transform-origin: top left;
3981
-
3982
- animation: loading-indicator1 1100ms ease-out infinite;
3983
- }
3823
+ &.ui-kit-status-legend.on-tint {
3824
+ color: $text-neutral-ontint;
3825
+ }
3826
+ &.tag-hover {
3827
+ cursor: pointer;
3828
+ }
3984
3829
 
3985
- .E_ll4n94n {
3986
- position: absolute;
3987
- width: 5px;
3988
- height: 48px;
3989
- left: 40.8px;
3990
- top: 8.4px;
3830
+ &.#{$prefix} {
3831
+ color: $text-neutral-primary;
3832
+ .#{$prefix}-icon {
3833
+ margin-right: 6px;
3834
+ }
3835
+ .#{$prefix}-number {
3836
+ margin-left: 8px;
3837
+ color: #2C385299;
3838
+ &.#{$prefix}-number.on-tint {
3839
+ color: $text-neutral-ontint;
3840
+ }
3841
+ }
3842
+ &.eagle-legend-blue {
3843
+ .#{$prefix}-icon {
3844
+ background-color: $fill-outstanding-base;
3845
+ }
3846
+ }
3847
+ &.eagle-legend-red {
3848
+ .#{$prefix}-icon {
3849
+ background-color: $fill-serious-base;
3850
+ }
3851
+ }
3852
+ &.eagle-legend-yellow {
3853
+ .#{$prefix}-icon {
3854
+ background-color: $fill-notice-base;
3855
+ }
3856
+ }
3857
+ &.eagle-legend-green {
3858
+ .#{$prefix}-icon {
3859
+ background-color: $fill-positive-base;
3860
+ }
3861
+ }
3862
+ &.eagle-legend-gray {
3863
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
3864
+ background-color: $gray-70;
3865
+ }
3866
+ }
3867
+ &.eagle-legend-purple {
3868
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
3869
+ background-color: $purple-50;
3870
+ }
3871
+ }
3872
+ }
3873
+ }
3991
3874
 
3992
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3993
- border-radius: 5px;
3994
- transform: rotate(-8deg);
3995
- transform-origin: top left;
3875
+ .E_s1qj66nc {
3876
+ width: 8px;
3877
+ height: 8px;
3878
+ border-radius: 50%;
3879
+ display: inline-block;
3880
+ }
3996
3881
 
3997
- animation: loading-indicator2 1100ms ease-out infinite;
3882
+ .E_s5x1boq {
3883
+ width: 8px;
3884
+ height: 8px;
3885
+ border-radius: 2px;
3886
+ display: inline-block;
3998
3887
  }
3999
3888
 
4000
- .E_l17lbdo6 {
4001
- position: absolute;
4002
- width: 5px;
4003
- height: 48px;
4004
- left: 52.9px;
4005
- top: 51.8px;
3889
+ .E_c1xm185 {
3890
+ color: #2C385299;
3891
+ }
4006
3892
 
4007
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4008
- border-radius: 5px;
4009
- transform: rotate(112deg);
4010
- transform-origin: top left;
3893
+ .E_c1x5l5qc {
3894
+ flex: 1;
3895
+ }
4011
3896
 
4012
- animation: loading-indicator3 1100ms ease-out infinite;
3897
+
3898
+ .E_ckui4s7 {
3899
+ color: $text-primary-light;
3900
+ line-height: 22px;
3901
+ display: inline-flex;
3902
+ .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; } } }
3903
+ }
3904
+
3905
+
3906
+ .E_c1yd35n {
3907
+ padding: 0 12px 14px 12px;
3908
+ }
3909
+
3910
+
3911
+ .E_sddwhm6 {
3912
+ $prefix: ui-kit-status-capsule;
3913
+ margin: 0;
3914
+ border-radius: 20px;
3915
+ padding: 2px 10px;
3916
+ height: 22px;
3917
+
3918
+ &.ant-tag.#{$prefix}.off-white {
3919
+ background-color: $fill-neutral-trans-1 !important;
3920
+ &.tag-hover:hover,
3921
+ &.__pseudo-states-hover {
3922
+ background-color: $fill-neutral-trans-2 !important;
3923
+ }
3924
+ }
3925
+ &.ant-tag.#{$prefix} {
3926
+ color: $text-neutral-primary;
3927
+ .#{$prefix}-icon {
3928
+ margin-right: 6px;
3929
+ }
3930
+ .#{$prefix}-number {
3931
+ margin-left: 8px;
3932
+ color: #2C385299;
3933
+ }
3934
+ &.ant-tag-blue {
3935
+ background-color: $fill-outstanding-light;
3936
+ .#{$prefix}-icon {
3937
+ background-color: $fill-outstanding-base;
3938
+ }
3939
+ &.tag-hover:hover,
3940
+ &.__pseudo-states-hover {
3941
+ background-color: $fill-outstanding-light-hover;
3942
+ }
3943
+ }
3944
+ &.ant-tag-red {
3945
+ background-color: $fill-serious-light;
3946
+ .#{$prefix}-icon {
3947
+ background-color: $fill-serious-base;
3948
+ }
3949
+ &.tag-hover:hover,
3950
+ &.__pseudo-states-hover {
3951
+ background-color: $fill-serious-light-hover;
3952
+ }
3953
+ }
3954
+ &.ant-tag-yellow {
3955
+ background-color: $fill-notice-light;
3956
+ .#{$prefix}-icon {
3957
+ background-color: $fill-notice-base;
3958
+ }
3959
+ &.tag-hover:hover,
3960
+ &.__pseudo-states-hover {
3961
+ background-color: $fill-notice-light-hover;
3962
+ }
3963
+ }
3964
+ &.ant-tag-green {
3965
+ background-color: $fill-positive-light;
3966
+ .#{$prefix}-icon {
3967
+ background-color: $fill-positive-base;
3968
+ }
3969
+ &.tag-hover:hover,
3970
+ &.__pseudo-states-hover {
3971
+ background-color: $fill-positive-light-hover;
3972
+ }
3973
+ }
3974
+ &.ant-tag-gray {
3975
+ background-color: $fill-neutral-trans-2;
3976
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3977
+ background-color: $gray-70;
3978
+ }
3979
+ &.tag-hover:hover,
3980
+ &.__pseudo-states-hover {
3981
+ background-color: $fill-neutral-trans-3-trans-2-hover;
3982
+ }
3983
+ }
3984
+ }
3985
+ }
3986
+
3987
+ .E_satwmqm {
3988
+ width: 8px;
3989
+ height: 8px;
3990
+ border-radius: 50%;
3991
+ display: inline-block;
4013
3992
  }
4014
3993
 
4015
3994
 
@@ -4241,1171 +4220,1192 @@
4241
4220
  }
4242
4221
 
4243
4222
 
4244
- .E_w7ob4th {
4245
- &.outside-tag {
4246
- padding-left: 0;
4247
- .inside-tag {
4248
- border-radius: 4px 0 0 4px;
4249
- padding-right: 4px;
4250
- margin-right: 4px;
4251
- }
4223
+ .E_t1gvlxt5 {
4224
+ min-width: 0;
4225
+ flex: 1;
4226
+ .tag {
4227
+ flex: 0 0 auto;
4228
+ }
4229
+ .progress-title {
4230
+ flex: 2;
4231
+ max-width: fit-content;
4232
+ }
4233
+ .progress-desc {
4234
+ flex: 1;
4235
+ max-width: fit-content;
4252
4236
  }
4253
4237
  }
4254
4238
 
4239
+ .E_a1ji6r68 {
4240
+ display: flex;
4241
+ align-items: center;
4242
+ column-gap: var(--a1ji6r68-0);
4243
+ }
4255
4244
 
4256
- .E_sjob3jg {
4257
- $item: ant-steps-item;
4258
- --item-min-width: 60px;
4259
- .#{$item} {
4260
- &-tail,
4261
- &-icon {
4262
- display: none !important;
4263
- }
4264
- }
4265
- .#{$item}.#{$item}-active {
4266
- flex-shrink: 0 !important;
4267
- .step-item-prefix-container {
4268
- color: $text-colorful-outstanding;
4269
- }
4270
- .#{$item}-container .#{$item}-content .#{$item}-title {
4271
- color: $text-colorful-outstanding;
4272
- font-weight: normal;
4273
- }
4245
+
4246
+ .E_tc97u5y {
4247
+ height: 100%;
4248
+ }
4249
+
4250
+ .E_efzf37v {
4251
+ .ant-table-content,
4252
+ .ant-table-body {
4253
+ overflow: visible !important;
4254
+ height: 100%;
4274
4255
  }
4275
- .#{$item}.#{$item}-finish {
4276
- .#{$item}-container .#{$item}-content .#{$item}-title,
4277
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4278
- color: $text-neutral-tertiary;
4279
- }
4256
+
4257
+ .ant-table-tbody .ant-table-placeholder td {
4258
+ height: 100%;
4280
4259
  }
4281
- .#{$item}.#{$item}-wait {
4282
- .#{$item}-container .#{$item}-content .#{$item}-title {
4283
- color: $text-neutral-primary;
4260
+
4261
+ table {
4262
+ width: 100% !important;
4263
+ height: 100%;
4264
+ .ant-table-placeholder .ant-table-expanded-row-fixed {
4265
+ padding: 15px 0;
4284
4266
  }
4285
4267
  }
4286
- .step-item-text {
4287
- display: inline-block;
4288
- }
4289
- .step-item-title {
4290
- overflow: hidden;
4291
- white-space: nowrap;
4292
- text-overflow: ellipsis;
4268
+
4269
+ table thead.ant-table-thead {
4270
+ display: none;
4293
4271
  }
4294
4272
  }
4295
4273
 
4296
- .E_hjvj6s6 {
4297
- $item: ant-steps-item;
4298
- @mixin rightTriangle($color: $fills-light-trans-1) {
4299
- content: "";
4300
- width: 0;
4301
- height: 0;
4302
- border: 13px solid transparent;
4303
- position: absolute;
4304
- top: 0;
4305
- border-left: 8px solid $color;
4274
+ .E_t1fisho6 {
4275
+ height: 100%;
4276
+
4277
+ .ant-table.ant-table-small .ant-table-tbody > tr > td {
4278
+ padding-top: 6px;
4279
+ padding-bottom: 6px;
4306
4280
  }
4307
- .#{$item}-container {
4308
- min-width: var(--item-min-width);
4281
+
4282
+ .active-row td:nth-child(1) {
4283
+ font-weight: 700;
4309
4284
  }
4310
- .#{$item}-disabled {
4311
- cursor: not-allowed !important;
4285
+ &.has-selection .active-row td:nth-child(2) {
4286
+ font-weight: 700;
4312
4287
  }
4313
- .ant-steps-horizontal.ant-steps-label-horizontal {
4314
- flex-direction: row;
4315
- justify-content: stretch;
4316
- .#{$item} {
4317
- padding: 0;
4318
- margin-right: 4px;
4319
- flex: 1;
4288
+
4289
+ .ant-spin-nested-loading {
4290
+ height: 100%;
4291
+
4292
+ .ant-spin-container {
4293
+ height: 100%;
4320
4294
  overflow: visible;
4321
- .#{$item}-content {
4322
- width: 100%;
4323
- min-height: unset;
4324
- .#{$item}-title {
4325
- height: 26px;
4326
- line-height: 26px;
4327
- width: 100%;
4328
- padding: 0;
4329
- font-size: 12px;
4330
- .step-count {
4331
- margin-right: 10px;
4332
- }
4333
- &::after {
4334
- display: none;
4335
- }
4336
- }
4337
- }
4338
- &:first-child {
4339
- .#{$item}-container {
4340
- padding-left: 8px;
4341
- padding-right: 4px;
4342
- border-radius: 4px 0 0 4px;
4343
- }
4344
- }
4345
- &:last-child {
4346
- margin-right: 0;
4347
- .#{$item}-container {
4348
- padding-right: 8px;
4349
- padding-left: 12px;
4350
- border-radius: 0 4px 4px 0;
4351
- }
4352
- }
4353
- &:not(&:last-child) {
4354
- &::after {
4355
- @include rightTriangle();
4356
- z-index: 2;
4357
- position: relative;
4358
- top: -50%;
4359
- right: -100%;
4360
- }
4361
- }
4362
- &:not(:first-child):not(:last-child) {
4363
- .#{$item}-container {
4364
- padding: 0 4px 0 12px;
4365
- }
4366
- }
4367
- &:not(&:first-child) {
4368
- &::before {
4369
- @include rightTriangle(#fff);
4370
- left: 0;
4371
- }
4372
- }
4373
- }
4374
- .#{$item}-active {
4375
- max-width: calc(100% - var(--item-min-width) * 2);
4376
- .#{$item}-container {
4377
- background-color: $fills-light-general-general-light;
4378
- }
4379
- &::after {
4380
- border-left-color: $fills-light-general-general-light !important;
4381
- }
4382
- }
4383
- .#{$item}-finish {
4384
- cursor: pointer;
4385
- min-width: var(--item-min-width);
4386
4295
  }
4387
- .#{$item}-wait,
4388
- .#{$item}-finish {
4389
- min-width: var(--item-min-width);
4390
- .#{$item}-container {
4391
- background-color: $fills-light-trans-1;
4392
- }
4296
+ .ant-spin {
4297
+ max-height: none;
4393
4298
  }
4394
4299
  }
4395
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4396
- .ant-steps-vertical
4397
- )
4398
- .#{$item} {
4399
- padding: 0;
4400
- }
4401
- }
4402
4300
 
4403
- .E_v4tv3mf {
4404
- $item: ant-steps-item;
4405
- .ant-steps.ant-steps-vertical {
4406
- width: 192px;
4407
- row-gap: 2px;
4301
+ td.ant-table-column-sort {
4302
+ background: transparent;
4303
+ }
4408
4304
 
4409
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
4410
- &:hover {
4411
- background-color: $fill-neutral-trans-2;
4412
- }
4413
- .#{$item}-title {
4414
- color: $text-neutral-primary !important;
4415
- }
4416
- }
4417
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4418
- .#{$item}-container:hover {
4419
- background-color: $fill-neutral-trans-2;
4420
- }
4421
- .#{$item}-container {
4422
- padding: 0 8px;
4423
- border-radius: 4px;
4424
- height: 32px;
4305
+ td.ant-table-cell-fix-left,
4306
+ td.ant-table-cell-fix-right {
4307
+ background: #fff;
4308
+ padding: 0 !important;
4309
+ .ant-table-cell-content {
4425
4310
  display: flex;
4426
4311
  align-items: center;
4427
- .#{$item}-content {
4428
- min-height: auto;
4429
- white-space: nowrap;
4430
- & .ant-steps-item-title {
4431
- font-size: 13px;
4432
- line-height: 20px;
4433
- max-width: 100%;
4434
- padding-right: 0;
4435
- }
4436
- }
4437
- }
4438
- .#{$item}-active {
4439
- .ant-steps-item-container {
4440
- background: rgba($blue-60, 0.1);
4312
+ height: 100%;
4313
+ padding: 8px;
4314
+ > span {
4315
+ overflow: hidden;
4316
+ text-overflow: ellipsis;
4317
+ width: 100%;
4441
4318
  }
4442
4319
  }
4443
4320
  }
4444
- }
4445
4321
 
4446
- .E_h6l1tj4 {
4447
- width: 100%;
4448
- display: inline-flex;
4449
- align-items: center;
4450
- justify-content: center;
4451
- column-gap: 4px;
4452
- .step-item-prefix-container {
4453
- display: inline-flex;
4454
- align-items: center;
4455
- width: 18px;
4456
- height: 18px;
4457
- color: $gray-a75-8;
4458
- justify-content: center;
4322
+ .ant-table-container {
4323
+ height: 100%;
4324
+ &::before,
4325
+ &::after {
4326
+ box-shadow: none !important;
4327
+ }
4459
4328
  }
4460
- }
4461
4329
 
4462
- .E_v18frne8 {
4463
- width: 100%;
4464
- display: flex;
4465
- align-items: center;
4466
- justify-content: center;
4467
- column-gap: 6px;
4468
- font-size: 13px;
4469
- .step-item-prefix-container {
4470
- display: inline-flex;
4471
- align-items: center;
4472
- min-width: 20px;
4473
- min-height: 20px;
4474
- color: $gray-a75-8;
4475
- justify-content: center;
4476
- }
4477
- }
4330
+ div.ant-table {
4331
+ $columnAlignRightPaddingRight: 25px;
4332
+ border-radius: 0px;
4333
+ border-left: none;
4334
+ border-right: none;
4335
+ border-bottom: none;
4336
+ height: 100%;
4337
+ font-size: 12px;
4338
+ background: transparent;
4478
4339
 
4340
+ .ant-table-header {
4341
+ position: relative;
4342
+ z-index: $table-header-index;
4343
+ border-bottom: 1px solid $strokes-light-trans-2;
4344
+ margin-bottom: -1px;
4345
+ }
4479
4346
 
4480
- .E_slr2ynn {
4481
- padding: 0 8px;
4482
- height: 18px;
4483
- }
4347
+ .time-wrapper .date,
4348
+ .value {
4349
+ color: $text-primary-light;
4350
+ }
4484
4351
 
4485
- .E_m140wbb6 {
4486
- padding: 2px 8px;
4487
- height: 24px;
4488
- }
4352
+ .time-wrapper .time,
4353
+ .unit {
4354
+ color: $text-secondary-light;
4355
+ }
4489
4356
 
4490
- .E_t1fozc1i {
4491
- margin: 0;
4492
- }
4357
+ .ant-table-selection {
4358
+ position: unset;
4359
+ text-align: center;
4360
+ }
4493
4361
 
4494
- .E_i1vxv4ln {
4495
- margin-right: 4px;
4496
- height: 16px;
4497
- }
4362
+ .ant-table-tbody > tr.ant-table-row-selected td {
4363
+ background: $white;
4364
+ }
4498
4365
 
4499
- .E_n1afl31m {
4500
- &.ant-tag.ant-tag-gray {
4501
- font-weight: 700;
4502
- color: $text-neutral-primary;
4503
- background-color: $fill-neutral-trans-1;
4504
- border: 1px solid $stroke-neutral-trans-2;
4505
- word-break: break-all;
4506
- display: inline;
4507
- white-space: normal;
4508
- }
4509
- }
4510
-
4511
-
4512
- .E_t1dtlqs1 {
4513
- margin-bottom: 4px;
4514
- color: $text-secondary-light;
4515
- }
4516
-
4517
- .E_s1ese5oy {
4518
- color: rgba(44, 56, 82, 0.6);
4519
- line-height: 32px;
4520
- height: 32px;
4521
- margin-bottom: 0;
4522
- &.primary,
4523
- &.info {
4524
- color: $text-light-general;
4525
- }
4526
- &.warning {
4527
- color: #ffa500;
4528
- }
4529
- &.success {
4530
- color: $text-light-positive;
4531
- }
4532
- &.danger,
4533
- &.error {
4534
- color: $text-light-serious;
4535
- }
4536
- &.normal {
4537
- color: $text-secondary-light;
4538
- }
4539
- }
4540
-
4541
- .E_b1ibis43 {
4542
- margin-bottom: 0;
4543
- color: $text-light-primary;
4544
- }
4545
-
4546
- .E_b11xxjd2 {
4547
- line-height: 32px;
4548
- margin-right: 6px;
4549
- }
4550
-
4551
- .E_bsub5bw {
4552
- &.with-description {
4553
- height: 24px;
4554
- flex: 1;
4555
- position: relative;
4556
- top: -7px;
4557
- }
4558
- p {
4559
- width: 100%;
4560
- overflow: hidden;
4561
- text-overflow: ellipsis;
4562
- white-space: nowrap;
4563
- }
4564
- }
4565
-
4566
- .E_tmoyoag {
4567
- border: 1px solid $strokes-light-trans-2;
4568
- border-radius: 8px;
4569
- overflow: auto;
4570
- .ant-list {
4571
- position: relative;
4572
- .ant-list-item:last-child {
4573
- border-bottom: none;
4366
+ .anticon-setting {
4367
+ cursor: pointer;
4368
+ position: absolute;
4369
+ top: 50%;
4370
+ right: 12px;
4371
+ transform: translateY(-50%);
4574
4372
  }
4575
- .eagle-table-form-header {
4576
- position: sticky;
4577
- top: 0;
4578
- z-index: $eagle-table-form-header-index;
4579
- display: flex;
4580
- padding: 8px;
4581
- & {
4582
- align-items: inherit;
4373
+
4374
+ &.ant-table-ping-left {
4375
+ .ant-table-cell-fix-left-last::after {
4376
+ box-shadow: none;
4377
+ width: 1px;
4378
+ background: rgba(213, 219, 227, 0.6);
4583
4379
  }
4584
- flex-wrap: nowrap;
4585
- justify-content: flex-start;
4586
- background: $fills-light-opaque-1;
4587
- font-size: 14px;
4588
- color: $text-secondary-light;
4589
- border-bottom: 1px solid $fills-light-trans-2;
4590
- }
4591
- .eagle-table-form-header .eagle-table-form-cell > p {
4592
- margin-bottom: 0;
4593
4380
  }
4594
- .eagle-table-form-row {
4595
- display: flex;
4596
- justify-content: flex-start;
4597
- align-items: flex-start;
4598
- flex-wrap: wrap;
4599
- padding: 8px;
4600
- border: none;
4601
- .row-description {
4602
- flex-basis: 100%;
4603
- margin: 12px 0 0;
4604
- order: 99;
4605
- color: $text-secondary-light;
4606
- }
4607
- .row-error-message {
4608
- color: $text-light-serious;
4609
- flex-basis: 100%;
4610
- order: 98;
4611
- margin: 12px 0 0;
4612
- }
4613
- &:hover {
4614
- background-color: $fills-light-trans-1;
4615
- }
4616
- &.isDragging {
4617
- background-color: $fills-light-general-general-light;
4381
+
4382
+ &.ant-table-ping-right {
4383
+ .ant-table-cell-fix-right-first::after {
4384
+ box-shadow: none;
4385
+ width: 1px;
4386
+ background: rgba(213, 219, 227, 0.6);
4618
4387
  }
4619
4388
  }
4620
- .eagle-table-form-cell {
4621
- flex: 1 0 0;
4622
- overflow: hidden;
4623
- .cell-description {
4624
- color: $text-secondary-light;
4625
- margin: 0;
4626
- }
4627
4389
 
4628
- @mixin text-align-style($align-position) {
4629
- & > * {
4630
- text-align: $align-position;
4631
- }
4632
- .ant-form-item-control-input-content {
4633
- &,
4634
- & > * {
4635
- text-align: $align-position;
4390
+ .ant-table-tbody {
4391
+ position: relative;
4392
+ .ant-table-row {
4393
+ td {
4394
+ border-top: 1px solid $strokes-light-trans-2;
4395
+ border-bottom: 1px solid white;
4396
+ height: 40px;
4397
+ vertical-align: middle;
4398
+ transition: background 0ms;
4399
+ color: $gray-120;
4400
+
4401
+ &.header-hover {
4402
+ background: $fills-light-opaque-1;
4403
+ border-bottom-color: $fills-light-opaque-1;
4636
4404
  }
4637
- }
4638
- }
4639
4405
 
4640
- &.align-center {
4641
- @include text-align-style(center);
4642
- }
4643
- &.align-left {
4644
- @include text-align-style(left);
4645
- }
4646
- &.align-right {
4647
- @include text-align-style(right);
4648
- }
4406
+ .ant-btn.ant-btn-link {
4407
+ height: auto;
4408
+ color: $gray-120;
4409
+ font-size: 12px;
4410
+ text-align: left;
4411
+ transition: none;
4412
+ overflow: hidden;
4413
+ text-overflow: ellipsis;
4414
+ white-space: nowrap;
4649
4415
 
4650
- &:not(:last-of-type) {
4651
- margin-right: 8px;
4652
- }
4653
- }
4654
- .ant-list-item-action {
4655
- padding: 4px;
4656
- width: 24px;
4657
- height: 24px;
4658
- overflow: hidden;
4659
- li {
4660
- padding: 0;
4661
- }
4662
- }
4663
- .delete-row-icon.disabled {
4664
- cursor: not-allowed;
4665
- opacity: 0.5;
4666
- }
4667
- &.size-default {
4668
- .ant-list-item-action {
4669
- margin: 0;
4670
- }
4671
- .eagle-table-form-cell {
4672
- .ant-input,
4673
- .ant-select-selector {
4674
- border-radius: 5px;
4675
- font-size: 12px;
4676
- }
4677
- .ant-input-affix-wrapper {
4678
- font-size: inherit;
4679
- }
4416
+ &:hover {
4417
+ color: $blue;
4418
+ }
4680
4419
 
4681
- .ant-form-item-control-input {
4682
- min-height: 24px;
4683
- font-size: 12px;
4684
- position: relative;
4420
+ > span {
4421
+ overflow: hidden;
4422
+ text-overflow: ellipsis;
4423
+ width: 100%;
4424
+ vertical-align: middle;
4425
+ }
4426
+ }
4427
+
4428
+ &.cell_status {
4429
+ line-height: 0px;
4430
+ }
4431
+ &.align-right {
4432
+ padding-right: $columnAlignRightPaddingRight;
4433
+ }
4685
4434
  }
4686
- }
4687
- }
4688
- }
4689
- &.row-split-by-border {
4690
- .eagle-table-form-row {
4691
- border-bottom: 1px solid $fills-light-trans-2;
4692
- }
4693
- }
4694
- &.row-split-by-zebraMarking {
4695
- .draggable-container {
4696
- & > :nth-child(2n) {
4697
- background-color: $fills-trans-primary-light;
4698
- }
4699
- }
4700
- }
4701
- }
4702
4435
 
4703
- .E_a138syjm {
4704
- display: flex;
4705
- align-items: center;
4706
- margin-top: 8px;
4707
- button.ant-btn {
4708
- padding: 2px 8px;
4709
- height: 24px;
4710
- }
4711
- & > span.maximum-desc {
4712
- display: none;
4713
- margin-left: 8px;
4714
- color: $text-secondary-light;
4715
- &.disabled {
4716
- display: inline;
4717
- }
4718
- }
4719
- }
4436
+ &:hover {
4437
+ & + tr td {
4438
+ border-top-color: transparent;
4439
+ }
4440
+ td {
4441
+ background: $fills-trans-secondary-light;
4442
+ border-color: transparent transparent white;
4720
4443
 
4721
- .E_d77i8u0 {
4722
- width: 24px;
4723
- height: 24px;
4724
- padding: 4px;
4725
- margin-right: 8px;
4726
- }
4444
+ &:first-child {
4445
+ border-radius: 8px 0 0 8px;
4446
+ .ant-table-cell-content {
4447
+ border-radius: 8px 0 0 8px;
4448
+ }
4449
+ &::before {
4450
+ content: "";
4451
+ width: 4px;
4452
+ top: -1px;
4453
+ bottom: -1px;
4454
+ background: white;
4455
+ }
4456
+ }
4457
+ &:last-child {
4458
+ border-radius: 0 8px 8px 0;
4459
+ }
4460
+ &:last-child.cell__action_ {
4461
+ border-radius: 0;
4462
+ background: white;
4463
+ border-top: none;
4727
4464
 
4465
+ > * {
4466
+ border-top: 1px solid transparent;
4467
+ border-radius: 0 8px 8px 0;
4468
+ background: $fills-trans-secondary-light;
4469
+ }
4470
+ }
4471
+ &.ant-table-cell-fix-right {
4472
+ background: white;
4473
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
4474
+ .ant-table-cell-content {
4475
+ display: flex;
4476
+ align-items: center;
4477
+ height: 100%;
4478
+ background: $fills-trans-secondary-light;
4479
+ }
4480
+ }
4728
4481
 
4729
- .E_l48ei06 {
4730
- @at-root {
4731
- button#{&}.ant-btn,
4732
- button#{&}.ant-btn.ant-btn-sm,
4733
- button#{&}.ant-btn.ant-btn-lg {
4734
- font-size: 12px;
4735
- line-height: 18px;
4736
- height: 18px;
4737
- }
4738
- button#{&} {
4739
- color: #0080FF;
4740
- height: unset;
4741
- .button-prefix-icon {
4742
- margin-right: 4px;
4743
- }
4744
- .button-suffix-icon {
4745
- margin-left: 4px;
4746
- }
4482
+ &.ant-table-cell-fix-left {
4483
+ background: white;
4484
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
4485
+ .ant-table-cell-content {
4486
+ display: flex;
4487
+ align-items: center;
4488
+ height: 100%;
4489
+ background: $fills-trans-secondary-light;
4490
+ }
4491
+ }
4492
+ }
4493
+ }
4494
+
4495
+ &:last-child td {
4496
+ border-bottom: 1px solid $strokes-light-trans-2;
4497
+ }
4747
4498
 
4748
- &:hover,
4749
- &.__pseudo-states-hover {
4750
- color: #009DFF;
4751
- }
4499
+ &.active-row {
4500
+ box-shadow: inset 0px 0px 0 2px $blue-a10;
4501
+ border-radius: 8px;
4752
4502
 
4753
- &:active,
4754
- &.__pseudo-states-active {
4755
- color: #005ED1;
4756
- }
4757
- &.ui-kit-link-disabled {
4758
- color: #0080FF;
4503
+ & + tr td {
4504
+ border-top-color: white;
4505
+ }
4506
+ td {
4507
+ background: $blue-a10;
4508
+ border-bottom-color: transparent;
4509
+ border-top-color: transparent;
4510
+
4511
+ &:first-child {
4512
+ border-radius: 8px 0 0 8px;
4513
+ }
4514
+ &:last-child {
4515
+ border-radius: 0 8px 8px 0;
4516
+ }
4517
+ &:hover {
4518
+ background: $blue-a10;
4519
+ }
4520
+ }
4521
+ }
4759
4522
  }
4760
- &.ui-kit-link-primary {
4761
- color: #00122E;
4523
+ }
4762
4524
 
4763
- &:hover,
4764
- &.__pseudo-states-hover {
4765
- color: #0080FF;
4525
+ .ant-table-thead {
4526
+ > tr > th {
4527
+ background: $white;
4528
+ font-weight: 400;
4529
+ position: relative;
4530
+ border-bottom: none;
4531
+ color: $gray-120;
4532
+ transition: none;
4533
+ padding: 14px 8px 14px 8px;
4534
+ line-height: 20px;
4535
+
4536
+ &:not(:last-child):after {
4537
+ content: "";
4538
+ width: 1px;
4539
+ top: 0;
4540
+ bottom: 0;
4541
+ background: $strokes-light-trans-2;
4542
+ position: absolute;
4543
+ right: 0;
4766
4544
  }
4767
4545
 
4768
- &:active,
4769
- &.__pseudo-states-active {
4770
- color: #005ED1;
4546
+ &.is-blank {
4547
+ padding: unset;
4548
+
4549
+ &:after {
4550
+ display: none;
4551
+ }
4771
4552
  }
4772
4553
 
4773
- &.ui-kit-link-disabled {
4774
- color: #00122E;
4554
+ &.ant-table-cell-ellipsis.ant-table-column-has-sorters
4555
+ .ant-table-column-sorters {
4556
+ width: 100%;
4557
+ overflow: hidden;
4558
+ white-space: nowrap;
4559
+ text-overflow: ellipsis;
4560
+ > span {
4561
+ overflow: hidden;
4562
+ text-overflow: ellipsis;
4563
+ flex: 1;
4564
+ }
4775
4565
  }
4776
- }
4777
4566
 
4778
- &.ui-kit-link-secondary {
4779
- color: #2C3852BF;
4567
+ &.ant-table-column-has-sorters {
4568
+ padding: 15px $columnAlignRightPaddingRight 15px 8px;
4780
4569
 
4781
- &:hover,
4782
- &.__pseudo-states-hover {
4783
- color: #0080FF;
4570
+ .ant-table-column-sorters {
4571
+ padding: 0;
4572
+ .order-icon {
4573
+ position: absolute;
4574
+ right: 6px;
4575
+ top: 50%;
4576
+ transform: translateY(-50%);
4577
+ height: 16px;
4578
+ display: none;
4579
+ transition: transform 320ms ease;
4580
+
4581
+ &.descend {
4582
+ display: block;
4583
+ transform: translateY(-50%) rotateX(180deg);
4584
+ }
4585
+ &.ascend {
4586
+ display: block;
4587
+ }
4588
+ }
4589
+ }
4590
+ .ant-table-column-sorter {
4591
+ display: none;
4592
+ }
4784
4593
  }
4785
4594
 
4786
- &:active,
4787
- &.__pseudo-states-active {
4788
- color: #005ED1;
4595
+ &:active {
4596
+ .ant-table-column-sorters .order-icon {
4597
+ &.descend {
4598
+ transform: translateY(-50%);
4599
+ }
4600
+ &.ascend {
4601
+ transform: translateY(-50%) rotateX(180deg);
4602
+ }
4603
+ }
4789
4604
  }
4790
4605
 
4791
- &.ui-kit-link-disabled {
4792
- color: #2C3852BF;
4606
+ &:hover:not(.is-blank) {
4607
+ background: $fills-light-opaque-1;
4608
+ .ant-table-column-sorters .order-icon {
4609
+ display: block;
4610
+ }
4611
+ }
4612
+ &.align-right {
4613
+ padding-right: $columnAlignRightPaddingRight;
4793
4614
  }
4794
4615
  }
4795
4616
  }
4796
- }
4797
- }
4798
-
4799
-
4800
- .E_l1ucdodl {
4801
- $prefix: ui-kit-status-legend;
4802
- margin: 0;
4803
- border-radius: 20px;
4804
- padding: 2px 10px;
4805
- height: 22px;
4806
- display: flex;
4807
- align-items: center;
4808
4617
 
4809
- &.ui-kit-status-legend.on-tint {
4810
- color: $text-neutral-ontint;
4811
- }
4812
- &.tag-hover {
4813
- cursor: pointer;
4814
- }
4618
+ .ant-table-selection-column {
4619
+ padding: 0 !important;
4815
4620
 
4816
- &.#{$prefix} {
4817
- color: $text-neutral-primary;
4818
- .#{$prefix}-icon {
4819
- margin-right: 6px;
4820
- }
4821
- .#{$prefix}-number {
4822
- margin-left: 8px;
4823
- color: #2C385299;
4824
- &.#{$prefix}-number.on-tint {
4825
- color: $text-neutral-ontint;
4621
+ .ant-checkbox-wrapper {
4622
+ position: absolute;
4623
+ left: 50%;
4624
+ top: 50%;
4625
+ transform: translate(-50%, -50%);
4826
4626
  }
4827
- }
4828
- &.eagle-legend-blue {
4829
- .#{$prefix}-icon {
4830
- background-color: $fill-outstanding-base;
4627
+ &:after {
4628
+ display: none;
4831
4629
  }
4832
4630
  }
4833
- &.eagle-legend-red {
4834
- .#{$prefix}-icon {
4835
- background-color: $fill-serious-base;
4836
- }
4631
+
4632
+ .ant-table-hide-scrollbar {
4633
+ background: $white;
4837
4634
  }
4838
- &.eagle-legend-yellow {
4839
- .#{$prefix}-icon {
4840
- background-color: $fill-notice-base;
4635
+ .ant-table-placeholder {
4636
+ background: inherit;
4637
+
4638
+ td {
4639
+ position: static;
4640
+ border: none;
4641
+ background: inherit !important;
4642
+ height: 100px;
4643
+ vertical-align: middle;
4841
4644
  }
4842
- }
4843
- &.eagle-legend-green {
4844
- .#{$prefix}-icon {
4845
- background-color: $fill-positive-base;
4645
+
4646
+ .table-default-empty,
4647
+ .ant-table-expanded-row-fixed {
4648
+ font-weight: bold;
4649
+ font-size: 20px;
4650
+ color: $text-terdiary-light;
4846
4651
  }
4847
4652
  }
4848
- &.eagle-legend-gray {
4849
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4850
- background-color: $gray-70;
4851
- }
4653
+ th.ant-table-cell-scrollbar,
4654
+ th.cell__action_ {
4655
+ z-index: 10;
4852
4656
  }
4853
- &.eagle-legend-purple {
4854
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4855
- background-color: $purple-50;
4657
+ td.cell__action_ {
4658
+ padding: 0 !important;
4659
+ position: relative;
4660
+ background: $white;
4661
+ > * {
4662
+ height: 100%;
4663
+ display: flex;
4664
+ align-items: center;
4665
+ justify-content: flex-end;
4666
+ padding-right: 8px;
4667
+ }
4668
+ .menu-button {
4669
+ width: 24px;
4670
+ height: 24px;
4671
+ cursor: pointer;
4672
+ justify-content: center;
4673
+ border-radius: 4px;
4674
+
4675
+ &:hover {
4676
+ background: $white;
4677
+ }
4856
4678
  }
4857
4679
  }
4858
4680
  }
4859
4681
  }
4860
4682
 
4861
- .E_s1qj66nc {
4862
- width: 8px;
4863
- height: 8px;
4864
- border-radius: 50%;
4865
- display: inline-block;
4683
+
4684
+ .E_lht19u8 {
4685
+ width: 64px;
4686
+ height: 64px;
4687
+ display: flex;
4688
+ align-items: center;
4689
+ justify-content: center;
4690
+ position: relative;
4691
+ opacity: 0.2;
4692
+ }
4693
+
4694
+ .E_lk3gkp4 {
4695
+ position: absolute;
4696
+ width: 5px;
4697
+ height: 48px;
4698
+ left: 9.33px;
4699
+ top: 40.5px;
4700
+
4701
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4702
+ border-radius: 5px;
4703
+ transform: rotate(-128deg);
4704
+ transform-origin: top left;
4705
+
4706
+ animation: loading-indicator1 1100ms ease-out infinite;
4866
4707
  }
4867
4708
 
4868
- .E_s5x1boq {
4869
- width: 8px;
4870
- height: 8px;
4871
- border-radius: 2px;
4872
- display: inline-block;
4709
+ .E_ll4n94n {
4710
+ position: absolute;
4711
+ width: 5px;
4712
+ height: 48px;
4713
+ left: 40.8px;
4714
+ top: 8.4px;
4715
+
4716
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4717
+ border-radius: 5px;
4718
+ transform: rotate(-8deg);
4719
+ transform-origin: top left;
4720
+
4721
+ animation: loading-indicator2 1100ms ease-out infinite;
4873
4722
  }
4874
4723
 
4875
- .E_c1xm185 {
4876
- color: #2C385299;
4877
- }
4724
+ .E_l17lbdo6 {
4725
+ position: absolute;
4726
+ width: 5px;
4727
+ height: 48px;
4728
+ left: 52.9px;
4729
+ top: 51.8px;
4878
4730
 
4879
- .E_c1x5l5qc {
4880
- flex: 1;
4881
- }
4731
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4732
+ border-radius: 5px;
4733
+ transform: rotate(112deg);
4734
+ transform-origin: top left;
4735
+
4736
+ animation: loading-indicator3 1100ms ease-out infinite;
4737
+ }
4882
4738
 
4883
4739
 
4884
- .E_tc97u5y {
4740
+ .E_msn7nxt {
4741
+ color: $text-light-secondary;
4742
+ text-align: center;
4743
+
4744
+ display: flex;
4745
+ align-items: center;
4746
+ justify-content: center;
4747
+ flex-direction: column;
4885
4748
  height: 100%;
4886
- }
4887
4749
 
4888
- .E_efzf37v {
4889
- .ant-table-content,
4890
- .ant-table-body {
4891
- overflow: visible !important;
4892
- height: 100%;
4750
+ .link {
4751
+ color: $text-light-general;
4752
+ cursor: pointer;
4893
4753
  }
4754
+ }
4894
4755
 
4895
- .ant-table-tbody .ant-table-placeholder td {
4896
- height: 100%;
4897
- }
4756
+ .E_mp64wfi {
4757
+ width: 100%;
4758
+ height: 100%;
4759
+ display: flex;
4760
+ flex-direction: column;
4898
4761
 
4899
- table {
4900
- width: 100% !important;
4901
- height: 100%;
4902
- .ant-table-placeholder .ant-table-expanded-row-fixed {
4903
- padding: 15px 0;
4762
+ .name-toolbar {
4763
+ width: 100%;
4764
+ display: flex;
4765
+ line-height: 30px;
4766
+ padding: 0 16px;
4767
+ justify-content: space-between;
4768
+ .metric-extra {
4769
+ display: flex;
4770
+ font-size: 12px;
4771
+ align-items: center;
4772
+
4773
+ .info-item {
4774
+ color: $gray-60;
4775
+ }
4776
+ .info-item + .info-item {
4777
+ margin-left: 10px;
4778
+ }
4779
+
4780
+ .menu-trigger {
4781
+ margin-left: 10px;
4782
+ cursor: pointer;
4783
+ }
4904
4784
  }
4905
4785
  }
4906
4786
 
4907
- table thead.ant-table-thead {
4908
- display: none;
4787
+ .content {
4788
+ flex: 1;
4789
+ width: 100%;
4790
+ display: flex;
4791
+ justify-content: center;
4792
+ align-items: center;
4793
+ }
4794
+ .single-content {
4795
+ height: 65px;
4909
4796
  }
4910
4797
  }
4911
4798
 
4912
- .E_t1fisho6 {
4913
- height: 100%;
4799
+ .E_l1oyigan {
4800
+ display: flex;
4801
+ align-items: center;
4802
+ white-space: nowrap;
4803
+ overflow: hidden;
4804
+ width: 100%;
4914
4805
 
4915
- .ant-table.ant-table-small .ant-table-tbody > tr > td {
4916
- padding-top: 6px;
4917
- padding-bottom: 6px;
4806
+ .ant-dropdown-trigger {
4807
+ margin-left: auto;
4808
+ font-size: 12px;
4918
4809
  }
4810
+ }
4919
4811
 
4920
- .active-row td:nth-child(1) {
4921
- font-weight: 700;
4812
+ .E_l1noi4n1 {
4813
+ display: flex;
4814
+ justify-content: flex-start;
4815
+ align-items: center;
4816
+ font-size: 12px;
4817
+ cursor: pointer;
4818
+
4819
+ &:not(:last-child) {
4820
+ margin-right: 20px;
4922
4821
  }
4923
- &.has-selection .active-row td:nth-child(2) {
4924
- font-weight: 700;
4822
+ &.deselected {
4823
+ opacity: 0.4;
4824
+
4825
+ .color-block {
4826
+ background: #b4beca !important;
4827
+ }
4925
4828
  }
4829
+ }
4926
4830
 
4927
- .ant-spin-nested-loading {
4928
- height: 100%;
4831
+ .E_cz19rz6 {
4832
+ display: inline-block;
4833
+ height: 8px;
4834
+ width: 8px;
4835
+ margin-right: 8px;
4836
+ }
4929
4837
 
4930
- .ant-spin-container {
4931
- height: 100%;
4932
- overflow: visible;
4933
- }
4934
- .ant-spin {
4935
- max-height: none;
4936
- }
4838
+ .E_e17r5r9c {
4839
+ .ant-dropdown-menu-item {
4840
+ display: flex;
4841
+ align-items: center;
4842
+ font-size: 12px;
4843
+ margin: 0;
4937
4844
  }
4845
+ }
4938
4846
 
4939
- td.ant-table-column-sort {
4940
- background: transparent;
4847
+ .E_m1y1hhnr {
4848
+ position: relative;
4849
+
4850
+ &.hidden-xaxis .pointer-wrapper {
4851
+ bottom: -12px;
4941
4852
  }
4942
4853
 
4943
- td.ant-table-cell-fix-left,
4944
- td.ant-table-cell-fix-right {
4945
- background: #fff;
4946
- padding: 0 !important;
4947
- .ant-table-cell-content {
4854
+ .metric-toolbar {
4855
+ display: flex;
4856
+ justify-content: space-between;
4857
+ line-height: 30px;
4858
+ margin: 0 16px;
4859
+
4860
+ .metric-extra {
4948
4861
  display: flex;
4862
+ font-size: 12px;
4949
4863
  align-items: center;
4950
- height: 100%;
4951
- padding: 8px;
4952
- > span {
4953
- overflow: hidden;
4954
- text-overflow: ellipsis;
4955
- width: 100%;
4864
+
4865
+ .info-item {
4866
+ color: $gray-60;
4867
+ }
4868
+ .info-item + .info-item {
4869
+ margin-left: 10px;
4956
4870
  }
4957
- }
4958
- }
4959
4871
 
4960
- .ant-table-container {
4961
- height: 100%;
4962
- &::before,
4963
- &::after {
4964
- box-shadow: none !important;
4872
+ .menu-trigger {
4873
+ margin-left: 10px;
4874
+ cursor: pointer;
4875
+ }
4965
4876
  }
4966
4877
  }
4967
4878
 
4968
- div.ant-table {
4969
- $columnAlignRightPaddingRight: 25px;
4970
- border-radius: 0px;
4971
- border-left: none;
4972
- border-right: none;
4973
- border-bottom: none;
4974
- height: 100%;
4879
+ .recharts-xAxis {
4975
4880
  font-size: 12px;
4976
- background: transparent;
4977
-
4978
- .ant-table-header {
4979
- position: relative;
4980
- z-index: $table-header-index;
4981
- border-bottom: 1px solid $strokes-light-trans-2;
4982
- margin-bottom: -1px;
4983
- }
4984
-
4985
- .time-wrapper .date,
4986
- .value {
4987
- color: $text-primary-light;
4988
- }
4989
-
4990
- .time-wrapper .time,
4991
- .unit {
4992
- color: $text-secondary-light;
4993
- }
4994
-
4995
- .ant-table-selection {
4996
- position: unset;
4997
- text-align: center;
4998
- }
4881
+ }
4999
4882
 
5000
- .ant-table-tbody > tr.ant-table-row-selected td {
5001
- background: $white;
5002
- }
4883
+ .pointer-wrapper {
4884
+ position: absolute;
4885
+ bottom: 10px;
4886
+ padding: 0 8px;
4887
+ border-radius: 4px;
4888
+ font-size: 12px;
4889
+ color: $white;
4890
+ background: rgba(0, 0, 0, 0.75);
4891
+ transform: translateX(-50%);
4892
+ }
4893
+ }
5003
4894
 
5004
- .anticon-setting {
5005
- cursor: pointer;
5006
- position: absolute;
5007
- top: 50%;
5008
- right: 12px;
5009
- transform: translateY(-50%);
5010
- }
4895
+ .E_tnvijvs {
4896
+ min-width: 200px;
4897
+ }
5011
4898
 
5012
- &.ant-table-ping-left {
5013
- .ant-table-cell-fix-left-last::after {
5014
- box-shadow: none;
5015
- width: 1px;
5016
- background: rgba(213, 219, 227, 0.6);
5017
- }
5018
- }
4899
+ .E_t1ub2aex {
4900
+ display: flex;
4901
+ align-items: center;
4902
+ justify-content: space-between;
4903
+ background-color: rgba(0, 0, 0, 0.75);
4904
+ color: #b4beca;
4905
+ font-size: 12px;
4906
+ padding: 3px 6px;
5019
4907
 
5020
- &.ant-table-ping-right {
5021
- .ant-table-cell-fix-right-first::after {
5022
- box-shadow: none;
5023
- width: 1px;
5024
- background: rgba(213, 219, 227, 0.6);
5025
- }
5026
- }
4908
+ &:first-child {
4909
+ padding-top: 3px;
4910
+ }
4911
+ &:last-child {
4912
+ padding-bottom: 3px;
4913
+ }
4914
+ .column-value {
4915
+ color: $white;
4916
+ margin-left: 8px;
4917
+ }
4918
+ }
5027
4919
 
5028
- .ant-table-tbody {
5029
- position: relative;
5030
- .ant-table-row {
5031
- td {
5032
- border-top: 1px solid $strokes-light-trans-2;
5033
- border-bottom: 1px solid white;
5034
- height: 40px;
5035
- vertical-align: middle;
5036
- transition: background 0ms;
5037
- color: $gray-120;
5038
4920
 
5039
- &.header-hover {
5040
- background: $fills-light-opaque-1;
5041
- border-bottom-color: $fills-light-opaque-1;
5042
- }
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
+ }
4929
+ }
4930
+ }
5043
4931
 
5044
- .ant-btn.ant-btn-link {
5045
- height: auto;
5046
- color: $gray-120;
5047
- font-size: 12px;
5048
- text-align: left;
5049
- transition: none;
5050
- overflow: hidden;
5051
- text-overflow: ellipsis;
5052
- white-space: nowrap;
5053
4932
 
5054
- &:hover {
5055
- color: $blue;
5056
- }
4933
+ .E_slr2ynn {
4934
+ padding: 0 8px;
4935
+ height: 18px;
4936
+ }
5057
4937
 
5058
- > span {
5059
- overflow: hidden;
5060
- text-overflow: ellipsis;
5061
- width: 100%;
5062
- vertical-align: middle;
5063
- }
5064
- }
4938
+ .E_m140wbb6 {
4939
+ padding: 2px 8px;
4940
+ height: 24px;
4941
+ }
5065
4942
 
5066
- &.cell_status {
5067
- line-height: 0px;
5068
- }
5069
- &.align-right {
5070
- padding-right: $columnAlignRightPaddingRight;
5071
- }
5072
- }
4943
+ .E_t1fozc1i {
4944
+ margin: 0;
4945
+ }
5073
4946
 
5074
- &:hover {
5075
- & + tr td {
5076
- border-top-color: transparent;
5077
- }
5078
- td {
5079
- background: $fills-trans-secondary-light;
5080
- border-color: transparent transparent white;
4947
+ .E_i1vxv4ln {
4948
+ margin-right: 4px;
4949
+ height: 16px;
4950
+ }
5081
4951
 
5082
- &:first-child {
5083
- border-radius: 8px 0 0 8px;
5084
- .ant-table-cell-content {
5085
- border-radius: 8px 0 0 8px;
5086
- }
5087
- &::before {
5088
- content: "";
5089
- width: 4px;
5090
- top: -1px;
5091
- bottom: -1px;
5092
- background: white;
5093
- }
5094
- }
5095
- &:last-child {
5096
- border-radius: 0 8px 8px 0;
5097
- }
5098
- &:last-child.cell__action_ {
5099
- border-radius: 0;
5100
- background: white;
5101
- border-top: none;
4952
+ .E_n1afl31m {
4953
+ &.ant-tag.ant-tag-gray {
4954
+ font-weight: 700;
4955
+ color: $text-neutral-primary;
4956
+ background-color: $fill-neutral-trans-1;
4957
+ border: 1px solid $stroke-neutral-trans-2;
4958
+ word-break: break-all;
4959
+ display: inline;
4960
+ white-space: normal;
4961
+ }
4962
+ }
5102
4963
 
5103
- > * {
5104
- border-top: 1px solid transparent;
5105
- border-radius: 0 8px 8px 0;
5106
- background: $fills-trans-secondary-light;
5107
- }
5108
- }
5109
- &.ant-table-cell-fix-right {
5110
- background: white;
5111
- border-top: 1px solid rgba(211, 218, 235, 0.6);
5112
- .ant-table-cell-content {
5113
- display: flex;
5114
- align-items: center;
5115
- height: 100%;
5116
- background: $fills-trans-secondary-light;
5117
- }
5118
- }
5119
4964
 
5120
- &.ant-table-cell-fix-left {
5121
- background: white;
5122
- border-top: 1px solid rgba(211, 218, 235, 0.6);
5123
- .ant-table-cell-content {
5124
- display: flex;
5125
- align-items: center;
5126
- height: 100%;
5127
- background: $fills-trans-secondary-light;
5128
- }
5129
- }
5130
- }
5131
- }
4965
+ .E_i1g85yz3 {
4966
+ margin-right: 4px;
4967
+ height: 16px;
4968
+ }
5132
4969
 
5133
- &:last-child td {
5134
- border-bottom: 1px solid $strokes-light-trans-2;
5135
- }
5136
4970
 
5137
- &.active-row {
5138
- box-shadow: inset 0px 0px 0 2px $blue-a10;
5139
- border-radius: 8px;
4971
+ .E_sjob3jg {
4972
+ $item: ant-steps-item;
4973
+ --item-min-width: 60px;
4974
+ .#{$item} {
4975
+ &-tail,
4976
+ &-icon {
4977
+ display: none !important;
4978
+ }
4979
+ }
4980
+ .#{$item}.#{$item}-active {
4981
+ flex-shrink: 0 !important;
4982
+ .step-item-prefix-container {
4983
+ color: $text-colorful-outstanding;
4984
+ }
4985
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4986
+ color: $text-colorful-outstanding;
4987
+ font-weight: normal;
4988
+ }
4989
+ }
4990
+ .#{$item}.#{$item}-finish {
4991
+ .#{$item}-container .#{$item}-content .#{$item}-title,
4992
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4993
+ color: $text-neutral-tertiary;
4994
+ }
4995
+ }
4996
+ .#{$item}.#{$item}-wait {
4997
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4998
+ color: $text-neutral-primary;
4999
+ }
5000
+ }
5001
+ .step-item-text {
5002
+ display: inline-block;
5003
+ }
5004
+ .step-item-title {
5005
+ overflow: hidden;
5006
+ white-space: nowrap;
5007
+ text-overflow: ellipsis;
5008
+ }
5009
+ }
5140
5010
 
5141
- & + tr td {
5142
- border-top-color: white;
5011
+ .E_hjvj6s6 {
5012
+ $item: ant-steps-item;
5013
+ @mixin rightTriangle($color: $fills-light-trans-1) {
5014
+ content: "";
5015
+ width: 0;
5016
+ height: 0;
5017
+ border: 13px solid transparent;
5018
+ position: absolute;
5019
+ top: 0;
5020
+ border-left: 8px solid $color;
5021
+ }
5022
+ .#{$item}-container {
5023
+ min-width: var(--item-min-width);
5024
+ }
5025
+ .#{$item}-disabled {
5026
+ cursor: not-allowed !important;
5027
+ }
5028
+ .ant-steps-horizontal.ant-steps-label-horizontal {
5029
+ flex-direction: row;
5030
+ justify-content: stretch;
5031
+ .#{$item} {
5032
+ padding: 0;
5033
+ margin-right: 4px;
5034
+ flex: 1;
5035
+ overflow: visible;
5036
+ .#{$item}-content {
5037
+ width: 100%;
5038
+ min-height: unset;
5039
+ .#{$item}-title {
5040
+ height: 26px;
5041
+ line-height: 26px;
5042
+ width: 100%;
5043
+ padding: 0;
5044
+ font-size: 12px;
5045
+ .step-count {
5046
+ margin-right: 10px;
5143
5047
  }
5144
- td {
5145
- background: $blue-a10;
5146
- border-bottom-color: transparent;
5147
- border-top-color: transparent;
5148
-
5149
- &:first-child {
5150
- border-radius: 8px 0 0 8px;
5151
- }
5152
- &:last-child {
5153
- border-radius: 0 8px 8px 0;
5154
- }
5155
- &:hover {
5156
- background: $blue-a10;
5157
- }
5048
+ &::after {
5049
+ display: none;
5158
5050
  }
5159
5051
  }
5160
5052
  }
5053
+ &:first-child {
5054
+ .#{$item}-container {
5055
+ padding-left: 8px;
5056
+ padding-right: 4px;
5057
+ border-radius: 4px 0 0 4px;
5058
+ }
5059
+ }
5060
+ &:last-child {
5061
+ margin-right: 0;
5062
+ .#{$item}-container {
5063
+ padding-right: 8px;
5064
+ padding-left: 12px;
5065
+ border-radius: 0 4px 4px 0;
5066
+ }
5067
+ }
5068
+ &:not(&:last-child) {
5069
+ &::after {
5070
+ @include rightTriangle();
5071
+ z-index: 2;
5072
+ position: relative;
5073
+ top: -50%;
5074
+ right: -100%;
5075
+ }
5076
+ }
5077
+ &:not(:first-child):not(:last-child) {
5078
+ .#{$item}-container {
5079
+ padding: 0 4px 0 12px;
5080
+ }
5081
+ }
5082
+ &:not(&:first-child) {
5083
+ &::before {
5084
+ @include rightTriangle(#fff);
5085
+ left: 0;
5086
+ }
5087
+ }
5088
+ }
5089
+ .#{$item}-active {
5090
+ max-width: calc(100% - var(--item-min-width) * 2);
5091
+ .#{$item}-container {
5092
+ background-color: $fills-light-general-general-light;
5093
+ }
5094
+ &::after {
5095
+ border-left-color: $fills-light-general-general-light !important;
5096
+ }
5097
+ }
5098
+ .#{$item}-finish {
5099
+ cursor: pointer;
5100
+ min-width: var(--item-min-width);
5101
+ }
5102
+ .#{$item}-wait,
5103
+ .#{$item}-finish {
5104
+ min-width: var(--item-min-width);
5105
+ .#{$item}-container {
5106
+ background-color: $fills-light-trans-1;
5107
+ }
5161
5108
  }
5109
+ }
5110
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
5111
+ .ant-steps-vertical
5112
+ )
5113
+ .#{$item} {
5114
+ padding: 0;
5115
+ }
5116
+ }
5162
5117
 
5163
- .ant-table-thead {
5164
- > tr > th {
5165
- background: $white;
5166
- font-weight: 400;
5167
- position: relative;
5168
- border-bottom: none;
5169
- color: $gray-120;
5170
- transition: none;
5171
- padding: 14px 8px 14px 8px;
5172
- line-height: 20px;
5118
+ .E_v4tv3mf {
5119
+ $item: ant-steps-item;
5120
+ .ant-steps.ant-steps-vertical {
5121
+ width: 192px;
5122
+ row-gap: 2px;
5173
5123
 
5174
- &:not(:last-child):after {
5175
- content: "";
5176
- width: 1px;
5177
- top: 0;
5178
- bottom: 0;
5179
- background: $strokes-light-trans-2;
5180
- position: absolute;
5181
- right: 0;
5124
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
5125
+ &:hover {
5126
+ background-color: $fill-neutral-trans-2;
5127
+ }
5128
+ .#{$item}-title {
5129
+ color: $text-neutral-primary !important;
5130
+ }
5131
+ }
5132
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
5133
+ .#{$item}-container:hover {
5134
+ background-color: $fill-neutral-trans-2;
5135
+ }
5136
+ .#{$item}-container {
5137
+ padding: 0 8px;
5138
+ border-radius: 4px;
5139
+ height: 32px;
5140
+ display: flex;
5141
+ align-items: center;
5142
+ .#{$item}-content {
5143
+ min-height: auto;
5144
+ white-space: nowrap;
5145
+ & .ant-steps-item-title {
5146
+ font-size: 13px;
5147
+ line-height: 20px;
5148
+ max-width: 100%;
5149
+ padding-right: 0;
5182
5150
  }
5151
+ }
5152
+ }
5153
+ .#{$item}-active {
5154
+ .ant-steps-item-container {
5155
+ background: rgba($blue-60, 0.1);
5156
+ }
5157
+ }
5158
+ }
5159
+ }
5183
5160
 
5184
- &.is-blank {
5185
- padding: unset;
5186
-
5187
- &:after {
5188
- display: none;
5189
- }
5190
- }
5161
+ .E_h6l1tj4 {
5162
+ width: 100%;
5163
+ display: inline-flex;
5164
+ align-items: center;
5165
+ justify-content: center;
5166
+ column-gap: 4px;
5167
+ .step-item-prefix-container {
5168
+ display: inline-flex;
5169
+ align-items: center;
5170
+ width: 18px;
5171
+ height: 18px;
5172
+ color: $gray-a75-8;
5173
+ justify-content: center;
5174
+ }
5175
+ }
5191
5176
 
5192
- &.ant-table-cell-ellipsis.ant-table-column-has-sorters
5193
- .ant-table-column-sorters {
5194
- width: 100%;
5195
- overflow: hidden;
5196
- white-space: nowrap;
5197
- text-overflow: ellipsis;
5198
- > span {
5199
- overflow: hidden;
5200
- text-overflow: ellipsis;
5201
- flex: 1;
5202
- }
5203
- }
5177
+ .E_v18frne8 {
5178
+ width: 100%;
5179
+ display: flex;
5180
+ align-items: center;
5181
+ justify-content: center;
5182
+ column-gap: 6px;
5183
+ font-size: 13px;
5184
+ .step-item-prefix-container {
5185
+ display: inline-flex;
5186
+ align-items: center;
5187
+ min-width: 20px;
5188
+ min-height: 20px;
5189
+ color: $gray-a75-8;
5190
+ justify-content: center;
5191
+ }
5192
+ }
5204
5193
 
5205
- &.ant-table-column-has-sorters {
5206
- padding: 15px $columnAlignRightPaddingRight 15px 8px;
5207
5194
 
5208
- .ant-table-column-sorters {
5209
- padding: 0;
5210
- .order-icon {
5211
- position: absolute;
5212
- right: 6px;
5213
- top: 50%;
5214
- transform: translateY(-50%);
5215
- height: 16px;
5216
- display: none;
5217
- transition: transform 320ms ease;
5195
+ .E_t1dtlqs1 {
5196
+ margin-bottom: 4px;
5197
+ color: $text-secondary-light;
5198
+ }
5218
5199
 
5219
- &.descend {
5220
- display: block;
5221
- transform: translateY(-50%) rotateX(180deg);
5222
- }
5223
- &.ascend {
5224
- display: block;
5225
- }
5226
- }
5227
- }
5228
- .ant-table-column-sorter {
5229
- display: none;
5230
- }
5231
- }
5200
+ .E_s1ese5oy {
5201
+ color: rgba(44, 56, 82, 0.6);
5202
+ line-height: 32px;
5203
+ height: 32px;
5204
+ margin-bottom: 0;
5205
+ &.primary,
5206
+ &.info {
5207
+ color: $text-light-general;
5208
+ }
5209
+ &.warning {
5210
+ color: #ffa500;
5211
+ }
5212
+ &.success {
5213
+ color: $text-light-positive;
5214
+ }
5215
+ &.danger,
5216
+ &.error {
5217
+ color: $text-light-serious;
5218
+ }
5219
+ &.normal {
5220
+ color: $text-secondary-light;
5221
+ }
5222
+ }
5232
5223
 
5233
- &:active {
5234
- .ant-table-column-sorters .order-icon {
5235
- &.descend {
5236
- transform: translateY(-50%);
5237
- }
5238
- &.ascend {
5239
- transform: translateY(-50%) rotateX(180deg);
5240
- }
5241
- }
5242
- }
5224
+ .E_b1ibis43 {
5225
+ margin-bottom: 0;
5226
+ color: $text-light-primary;
5227
+ }
5243
5228
 
5244
- &:hover:not(.is-blank) {
5245
- background: $fills-light-opaque-1;
5246
- .ant-table-column-sorters .order-icon {
5247
- display: block;
5248
- }
5249
- }
5250
- &.align-right {
5251
- padding-right: $columnAlignRightPaddingRight;
5252
- }
5253
- }
5254
- }
5229
+ .E_b11xxjd2 {
5230
+ line-height: 32px;
5231
+ margin-right: 6px;
5232
+ }
5255
5233
 
5256
- .ant-table-selection-column {
5257
- padding: 0 !important;
5234
+ .E_bsub5bw {
5235
+ &.with-description {
5236
+ height: 24px;
5237
+ flex: 1;
5238
+ position: relative;
5239
+ top: -7px;
5240
+ }
5241
+ p {
5242
+ width: 100%;
5243
+ overflow: hidden;
5244
+ text-overflow: ellipsis;
5245
+ white-space: nowrap;
5246
+ }
5247
+ }
5258
5248
 
5259
- .ant-checkbox-wrapper {
5260
- position: absolute;
5261
- left: 50%;
5262
- top: 50%;
5263
- transform: translate(-50%, -50%);
5264
- }
5265
- &:after {
5266
- display: none;
5249
+ .E_tmoyoag {
5250
+ border: 1px solid $strokes-light-trans-2;
5251
+ border-radius: 8px;
5252
+ overflow: auto;
5253
+ .ant-list {
5254
+ position: relative;
5255
+ .ant-list-item:last-child {
5256
+ border-bottom: none;
5257
+ }
5258
+ .eagle-table-form-header {
5259
+ position: sticky;
5260
+ top: 0;
5261
+ z-index: $eagle-table-form-header-index;
5262
+ display: flex;
5263
+ padding: 8px;
5264
+ & {
5265
+ align-items: inherit;
5267
5266
  }
5267
+ flex-wrap: nowrap;
5268
+ justify-content: flex-start;
5269
+ background: $fills-light-opaque-1;
5270
+ font-size: 14px;
5271
+ color: $text-secondary-light;
5272
+ border-bottom: 1px solid $fills-light-trans-2;
5268
5273
  }
5269
-
5270
- .ant-table-hide-scrollbar {
5271
- background: $white;
5274
+ .eagle-table-form-header .eagle-table-form-cell > p {
5275
+ margin-bottom: 0;
5272
5276
  }
5273
- .ant-table-placeholder {
5274
- background: inherit;
5275
-
5276
- td {
5277
- position: static;
5278
- border: none;
5279
- background: inherit !important;
5280
- height: 100px;
5281
- vertical-align: middle;
5277
+ .eagle-table-form-row {
5278
+ display: flex;
5279
+ justify-content: flex-start;
5280
+ align-items: flex-start;
5281
+ flex-wrap: wrap;
5282
+ padding: 8px;
5283
+ border: none;
5284
+ .row-description {
5285
+ flex-basis: 100%;
5286
+ margin: 12px 0 0;
5287
+ order: 99;
5288
+ color: $text-secondary-light;
5282
5289
  }
5283
-
5284
- .table-default-empty,
5285
- .ant-table-expanded-row-fixed {
5286
- font-weight: bold;
5287
- font-size: 20px;
5288
- color: $text-terdiary-light;
5290
+ .row-error-message {
5291
+ color: $text-light-serious;
5292
+ flex-basis: 100%;
5293
+ order: 98;
5294
+ margin: 12px 0 0;
5295
+ }
5296
+ &:hover {
5297
+ background-color: $fills-light-trans-1;
5298
+ }
5299
+ &.isDragging {
5300
+ background-color: $fills-light-general-general-light;
5289
5301
  }
5290
5302
  }
5291
- th.ant-table-cell-scrollbar,
5292
- th.cell__action_ {
5293
- z-index: 10;
5294
- }
5295
- td.cell__action_ {
5296
- padding: 0 !important;
5297
- position: relative;
5298
- background: $white;
5299
- > * {
5300
- height: 100%;
5301
- display: flex;
5302
- align-items: center;
5303
- justify-content: flex-end;
5304
- padding-right: 8px;
5303
+ .eagle-table-form-cell {
5304
+ flex: 1 0 0;
5305
+ overflow: hidden;
5306
+ .cell-description {
5307
+ color: $text-secondary-light;
5308
+ margin: 0;
5305
5309
  }
5306
- .menu-button {
5307
- width: 24px;
5308
- height: 24px;
5309
- cursor: pointer;
5310
- justify-content: center;
5311
- border-radius: 4px;
5312
5310
 
5313
- &:hover {
5314
- background: $white;
5311
+ @mixin text-align-style($align-position) {
5312
+ & > * {
5313
+ text-align: $align-position;
5314
+ }
5315
+ .ant-form-item-control-input-content {
5316
+ &,
5317
+ & > * {
5318
+ text-align: $align-position;
5319
+ }
5315
5320
  }
5316
5321
  }
5317
- }
5318
- }
5319
- }
5320
-
5321
-
5322
- .E_sddwhm6 {
5323
- $prefix: ui-kit-status-capsule;
5324
- margin: 0;
5325
- border-radius: 20px;
5326
- padding: 2px 10px;
5327
- height: 22px;
5328
5322
 
5329
- &.ant-tag.#{$prefix}.off-white {
5330
- background-color: $fill-neutral-trans-1 !important;
5331
- &.tag-hover:hover,
5332
- &.__pseudo-states-hover {
5333
- background-color: $fill-neutral-trans-2 !important;
5334
- }
5335
- }
5336
- &.ant-tag.#{$prefix} {
5337
- color: $text-neutral-primary;
5338
- .#{$prefix}-icon {
5339
- margin-right: 6px;
5340
- }
5341
- .#{$prefix}-number {
5342
- margin-left: 8px;
5343
- color: #2C385299;
5344
- }
5345
- &.ant-tag-blue {
5346
- background-color: $fill-outstanding-light;
5347
- .#{$prefix}-icon {
5348
- background-color: $fill-outstanding-base;
5323
+ &.align-center {
5324
+ @include text-align-style(center);
5349
5325
  }
5350
- &.tag-hover:hover,
5351
- &.__pseudo-states-hover {
5352
- background-color: $fill-outstanding-light-hover;
5326
+ &.align-left {
5327
+ @include text-align-style(left);
5353
5328
  }
5354
- }
5355
- &.ant-tag-red {
5356
- background-color: $fill-serious-light;
5357
- .#{$prefix}-icon {
5358
- background-color: $fill-serious-base;
5329
+ &.align-right {
5330
+ @include text-align-style(right);
5359
5331
  }
5360
- &.tag-hover:hover,
5361
- &.__pseudo-states-hover {
5362
- background-color: $fill-serious-light-hover;
5332
+
5333
+ &:not(:last-of-type) {
5334
+ margin-right: 8px;
5363
5335
  }
5364
5336
  }
5365
- &.ant-tag-yellow {
5366
- background-color: $fill-notice-light;
5367
- .#{$prefix}-icon {
5368
- background-color: $fill-notice-base;
5369
- }
5370
- &.tag-hover:hover,
5371
- &.__pseudo-states-hover {
5372
- background-color: $fill-notice-light-hover;
5337
+ .ant-list-item-action {
5338
+ padding: 4px;
5339
+ width: 24px;
5340
+ height: 24px;
5341
+ overflow: hidden;
5342
+ li {
5343
+ padding: 0;
5373
5344
  }
5374
5345
  }
5375
- &.ant-tag-green {
5376
- background-color: $fill-positive-light;
5377
- .#{$prefix}-icon {
5378
- background-color: $fill-positive-base;
5346
+ .delete-row-icon.disabled {
5347
+ cursor: not-allowed;
5348
+ opacity: 0.5;
5349
+ }
5350
+ &.size-default {
5351
+ .ant-list-item-action {
5352
+ margin: 0;
5379
5353
  }
5380
- &.tag-hover:hover,
5381
- &.__pseudo-states-hover {
5382
- background-color: $fill-positive-light-hover;
5354
+ .eagle-table-form-cell {
5355
+ .ant-input,
5356
+ .ant-select-selector {
5357
+ border-radius: 5px;
5358
+ font-size: 12px;
5359
+ }
5360
+ .ant-input-affix-wrapper {
5361
+ font-size: inherit;
5362
+ }
5363
+
5364
+ .ant-form-item-control-input {
5365
+ min-height: 24px;
5366
+ font-size: 12px;
5367
+ position: relative;
5368
+ }
5383
5369
  }
5384
5370
  }
5385
- &.ant-tag-gray {
5386
- background-color: $fill-neutral-trans-2;
5387
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
5388
- background-color: $gray-70;
5389
- }
5390
- &.tag-hover:hover,
5391
- &.__pseudo-states-hover {
5392
- background-color: $fill-neutral-trans-3-trans-2-hover;
5371
+ }
5372
+ &.row-split-by-border {
5373
+ .eagle-table-form-row {
5374
+ border-bottom: 1px solid $fills-light-trans-2;
5375
+ }
5376
+ }
5377
+ &.row-split-by-zebraMarking {
5378
+ .draggable-container {
5379
+ & > :nth-child(2n) {
5380
+ background-color: $fills-trans-primary-light;
5393
5381
  }
5394
5382
  }
5395
5383
  }
5396
5384
  }
5397
5385
 
5398
- .E_satwmqm {
5399
- width: 8px;
5400
- height: 8px;
5401
- border-radius: 50%;
5402
- display: inline-block;
5386
+ .E_a138syjm {
5387
+ display: flex;
5388
+ align-items: center;
5389
+ margin-top: 8px;
5390
+ button.ant-btn {
5391
+ padding: 2px 8px;
5392
+ height: 24px;
5393
+ }
5394
+ & > span.maximum-desc {
5395
+ display: none;
5396
+ margin-left: 8px;
5397
+ color: $text-secondary-light;
5398
+ &.disabled {
5399
+ display: inline;
5400
+ }
5401
+ }
5403
5402
  }
5404
5403
 
5405
-
5406
- .E_i1g85yz3 {
5407
- margin-right: 4px;
5408
- height: 16px;
5404
+ .E_d77i8u0 {
5405
+ width: 24px;
5406
+ height: 24px;
5407
+ padding: 4px;
5408
+ margin-right: 8px;
5409
5409
  }
5410
5410
 
5411
5411
 
@@ -5638,19 +5638,6 @@
5638
5638
  }
5639
5639
 
5640
5640
 
5641
- .E_i14c7jc8 {
5642
- color: var(--i14c7jc8-0);
5643
- }
5644
-
5645
- .E_i1ibuolf {
5646
- display: flex;
5647
- align-items: center;
5648
- column-gap: 4px;
5649
- font-size: 12px;
5650
- color: #2C3852BF;
5651
- }
5652
-
5653
-
5654
5641
  .E_d1u4ndxc {
5655
5642
  color: #2C3852BF;
5656
5643
  font-size: 12px;
@@ -5689,6 +5676,34 @@
5689
5676
  }
5690
5677
 
5691
5678
 
5679
+ .E_i14c7jc8 {
5680
+ color: var(--i14c7jc8-0);
5681
+ }
5682
+
5683
+ .E_i1ibuolf {
5684
+ display: flex;
5685
+ align-items: center;
5686
+ column-gap: 4px;
5687
+ font-size: 12px;
5688
+ color: #2C3852BF;
5689
+ }
5690
+
5691
+
5692
+ .E_skwah65 {
5693
+ height: 8px;
5694
+ box-sizing: border-box;
5695
+ border-radius: 2px;
5696
+ background: #f5f7fa;
5697
+ display: flex;
5698
+ width: 100%;
5699
+ overflow: hidden;
5700
+
5701
+ .stack-bar-item + .stack-bar-item {
5702
+ margin-left: 1px;
5703
+ }
5704
+ }
5705
+
5706
+
5692
5707
  .E_s1ebs0ra {
5693
5708
  display: flex;
5694
5709
  align-items: center;
@@ -5811,6 +5826,49 @@
5811
5826
  }
5812
5827
 
5813
5828
 
5829
+ .E_gmyahx3 {
5830
+ cursor: pointer;
5831
+
5832
+ .link-text {
5833
+ color: $text-light-tertiary;
5834
+ }
5835
+
5836
+ &:hover .link-text {
5837
+ color: $text-light-general;
5838
+ }
5839
+ }
5840
+
5841
+
5842
+ .E_tqjc4ui {
5843
+ @at-root {
5844
+ span#{&} {
5845
+ margin: 0 2px;
5846
+ }
5847
+ }
5848
+ }
5849
+
5850
+
5851
+ .E_n12mqh7z {
5852
+ display: flex;
5853
+ align-items: center;
5854
+ font-size: 12px;
5855
+ line-height: 18px;
5856
+
5857
+ &:not(:last-child) {
5858
+ margin-bottom: 4px;
5859
+ }
5860
+ }
5861
+
5862
+ .E_tf5bynu {
5863
+ margin: 0 3px;
5864
+ }
5865
+
5866
+ .E_tcckoz1 {
5867
+ max-height: 400px;
5868
+ overflow: auto;
5869
+ }
5870
+
5871
+
5814
5872
  .E_clm1wy1 {
5815
5873
  width: 192px;
5816
5874
  height: 246px;
@@ -5909,21 +5967,6 @@
5909
5967
  }
5910
5968
 
5911
5969
 
5912
- .E_skwah65 {
5913
- height: 8px;
5914
- box-sizing: border-box;
5915
- border-radius: 2px;
5916
- background: #f5f7fa;
5917
- display: flex;
5918
- width: 100%;
5919
- overflow: hidden;
5920
-
5921
- .stack-bar-item + .stack-bar-item {
5922
- margin-left: 1px;
5923
- }
5924
- }
5925
-
5926
-
5927
5970
  .E_c1up1pdz {
5928
5971
  width: 648px;
5929
5972
 
@@ -6088,76 +6131,184 @@
6088
6131
  }
6089
6132
 
6090
6133
 
6091
- .E_gmyahx3 {
6092
- cursor: pointer;
6134
+ .E_ou7iq30 {
6135
+ overflow: hidden;
6136
+ text-overflow: ellipsis;
6137
+ }
6093
6138
 
6094
- .link-text {
6095
- color: $text-light-tertiary;
6139
+ .E_s1tui002 {
6140
+ white-space: nowrap;
6141
+ }
6142
+
6143
+ .E_mxrc2zg {
6144
+ display: -webkit-box;
6145
+ -webkit-line-clamp: var(--mxrc2zg-0);
6146
+ -webkit-box-orient: vertical;
6147
+ word-break: break-all;
6148
+ }
6149
+
6150
+ .E_t1vv6d68 {
6151
+ .ant-tooltip-arrow {
6152
+ display: none;
6153
+ }
6154
+ .ant-tooltip-inner {
6155
+ background: $gray-a80-9;
6156
+ border-radius: 4px;
6157
+ &:has(.eagle-ellipsis-content) {
6158
+ visibility: hidden;
6159
+ }
6096
6160
  }
6161
+ }
6097
6162
 
6098
- &:hover .link-text {
6099
- color: $text-light-general;
6163
+
6164
+ .E_s1iv0tp1 {
6165
+ .enabled-switch {
6166
+ display: flex;
6167
+ align-items: center;
6168
+ }
6169
+
6170
+ .enabled-text {
6171
+ margin-right: 8px;
6100
6172
  }
6101
6173
  }
6102
6174
 
6103
6175
 
6104
- .E_tqjc4ui {
6105
- @at-root {
6106
- span#{&} {
6107
- margin: 0 2px;
6176
+ .E_s1at6qmn {
6177
+ &.ant-layout-sider {
6178
+ background: $backgrounds-light-grouped;
6179
+ padding: 32px 8px;
6180
+ overflow: auto;
6181
+ }
6182
+
6183
+ .ant-layout-sider-children {
6184
+ display: flex;
6185
+ flex-direction: column;
6186
+ justify-content: space-between;
6187
+ }
6188
+
6189
+ footer {
6190
+ display: flex;
6191
+ }
6192
+
6193
+ .ant-menu {
6194
+ background: $backgrounds-light-grouped;
6195
+ a {
6196
+ color: $text-light-primary;
6197
+ width: 180px;
6198
+ overflow: hidden;
6199
+ text-overflow: ellipsis;
6200
+ }
6201
+ }
6202
+
6203
+ .ant-menu-vertical {
6204
+ margin-bottom: 24px;
6205
+
6206
+ .ant-menu-item-group {
6207
+ .ant-menu-item {
6208
+ margin: 0;
6209
+ }
6210
+ .ant-menu-item-group-title {
6211
+ font-size: 12px;
6212
+ padding: 0 8px 4px;
6213
+ line-height: 18px;
6214
+
6215
+ &:empty {
6216
+ padding: 0;
6217
+ }
6218
+ }
6219
+ &:not(:last-child) {
6220
+ padding-bottom: 24px;
6221
+ &.split {
6222
+ margin-bottom: 24px;
6223
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6224
+ }
6225
+ }
6226
+ }
6227
+
6228
+ .ant-menu-item {
6229
+ transition: none;
6230
+ display: flex;
6231
+ align-items: center;
6232
+ height: 32px;
6233
+ line-height: 22px;
6234
+ padding: 0 8px;
6235
+
6236
+ > .icon-wrapper {
6237
+ margin-right: 12px;
6238
+ }
6239
+
6240
+ &:not(:last-child) {
6241
+ margin: 0;
6242
+ margin-bottom: 2px;
6243
+ }
6244
+ &.ant-menu-item-selected {
6245
+ background: $background-selected;
6246
+ box-shadow: $box-shadow-light-selected;
6247
+ border-radius: 6px;
6248
+ color: $text-light-on-tint;
6249
+ a {
6250
+ color: $text-light-on-tint;
6251
+ }
6252
+ }
6253
+ &:not(.ant-menu-item-selected) {
6254
+ &.ant-menu-item:hover,
6255
+ &.ant-menu-item-active {
6256
+ background: $background-onhover;
6257
+ box-shadow: $box-shadow-light-onhover;
6258
+ border-radius: 6px;
6259
+ }
6260
+ }
6108
6261
  }
6109
6262
  }
6110
6263
  }
6111
6264
 
6265
+ .E_s1wu0lms {
6266
+ .ant-menu-item-group-title {
6267
+ white-space: nowrap;
6268
+ transition: all 0s;
6269
+ }
6112
6270
 
6113
- .E_ou7iq30 {
6114
- overflow: hidden;
6115
- text-overflow: ellipsis;
6116
- }
6117
-
6118
- .E_s1tui002 {
6119
- white-space: nowrap;
6120
- }
6121
-
6122
- .E_mxrc2zg {
6123
- display: -webkit-box;
6124
- -webkit-line-clamp: var(--mxrc2zg-0);
6125
- -webkit-box-orient: vertical;
6126
- word-break: break-all;
6127
- }
6271
+ &.shrink {
6272
+ transition: all 0s;
6273
+ overflow: hidden;
6128
6274
 
6129
- .E_t1vv6d68 {
6130
- .ant-tooltip-arrow {
6131
- display: none;
6132
- }
6133
- .ant-tooltip-inner {
6134
- background: $gray-a80-9;
6135
- border-radius: 4px;
6136
- &:has(.eagle-ellipsis-content) {
6275
+ .ant-menu-item-group-title {
6137
6276
  visibility: hidden;
6138
6277
  }
6278
+
6279
+ .ant-menu-item {
6280
+ width: 36px;
6281
+ padding: 0 6px;
6282
+ }
6139
6283
  }
6140
6284
  }
6141
6285
 
6142
-
6143
- .E_n12mqh7z {
6286
+ .E_n1ugzfva {
6144
6287
  display: flex;
6145
- align-items: center;
6146
- font-size: 12px;
6147
- line-height: 18px;
6288
+ place-items: center;
6289
+ width: 100% !important;
6148
6290
 
6149
- &:not(:last-child) {
6150
- margin-bottom: 4px;
6291
+ &[disabled] {
6292
+ color: rgba(0, 0, 0, 0.25) !important;
6293
+ opacity: 1 !important;
6151
6294
  }
6152
- }
6153
6295
 
6154
- .E_tf5bynu {
6155
- margin: 0 3px;
6156
- }
6296
+ &.ant-btn {
6297
+ width: 100%;
6298
+ color: $text-light-primary;
6299
+ }
6157
6300
 
6158
- .E_tcckoz1 {
6159
- max-height: 400px;
6160
- overflow: auto;
6301
+ .icon-wrapper {
6302
+ margin-right: 12px;
6303
+ }
6304
+
6305
+ .link-title {
6306
+ flex: 1;
6307
+ overflow: hidden;
6308
+ white-space: nowrap;
6309
+ text-overflow: ellipsis;
6310
+ text-align: left;
6311
+ }
6161
6312
  }
6162
6313
 
6163
6314
 
@@ -6486,234 +6637,83 @@
6486
6637
  .tab-menu-item-light {
6487
6638
  &:hover,
6488
6639
  &:active {
6489
- background: $white;
6490
- }
6491
-
6492
- &:active {
6493
- color: $blue-80;
6494
- }
6495
-
6496
- &.tab-menu-item.tab-menu-item-selected {
6497
- background: $white;
6498
- color: $blue-100;
6499
- }
6500
-
6501
- &.tab-menu-item-group.tab-menu-item-selected {
6502
- .main-title {
6503
- color: rgba($gray-80, 0.6);
6504
- }
6505
-
6506
- .sub-title {
6507
- color: $blue-100;
6508
- }
6509
-
6510
- .sub-title > .slash-arrow {
6511
- fill: $fills-opaque-quaternary-light;
6512
- }
6513
-
6514
- .sub-title > .expand-arrow path {
6515
- fill: $blue-100;
6516
- }
6517
- }
6518
- }
6519
-
6520
- .tab-content {
6521
- flex: 1;
6522
- display: flex;
6523
- flex-direction: column;
6524
- }
6525
-
6526
- /* FIXME:(yanzhen) do this better */
6527
- &.is-overview .tab-content {
6528
- overflow: visible;
6529
- }
6530
- }
6531
-
6532
- .E_t14npdqr {
6533
- max-width: 240px;
6534
- animation: none;
6535
-
6536
- &.ant-dropdown .ant-dropdown-menu {
6537
- border: 1px solid $blue-60;
6538
- padding: 0;
6539
-
6540
- .ant-dropdown-menu-item {
6541
- margin: 0;
6542
- height: 32px;
6543
- line-height: 32px;
6544
- font-size: 13px;
6545
- padding: 0 10px;
6546
- display: block;
6547
- overflow: hidden;
6548
- text-overflow: ellipsis;
6549
- white-space: nowrap;
6550
-
6551
- &:not(:first-child) {
6552
- &::before {
6553
- content: " ";
6554
- height: 1px;
6555
- width: calc(100% + 10px);
6556
- background: $strokes-translucent-1-light;
6557
- display: block;
6558
- }
6559
- }
6560
-
6561
- &.ant-dropdown-menu-item-selected {
6562
- color: $blue-60;
6563
- background: transparent;
6564
- }
6565
- }
6566
- }
6567
- }
6568
-
6569
-
6570
- .E_s1at6qmn {
6571
- &.ant-layout-sider {
6572
- background: $backgrounds-light-grouped;
6573
- padding: 32px 8px;
6574
- overflow: auto;
6575
- }
6576
-
6577
- .ant-layout-sider-children {
6578
- display: flex;
6579
- flex-direction: column;
6580
- justify-content: space-between;
6581
- }
6582
-
6583
- footer {
6584
- display: flex;
6585
- }
6586
-
6587
- .ant-menu {
6588
- background: $backgrounds-light-grouped;
6589
- a {
6590
- color: $text-light-primary;
6591
- width: 180px;
6592
- overflow: hidden;
6593
- text-overflow: ellipsis;
6594
- }
6595
- }
6596
-
6597
- .ant-menu-vertical {
6598
- margin-bottom: 24px;
6599
-
6600
- .ant-menu-item-group {
6601
- .ant-menu-item {
6602
- margin: 0;
6603
- }
6604
- .ant-menu-item-group-title {
6605
- font-size: 12px;
6606
- padding: 0 8px 4px;
6607
- line-height: 18px;
6608
-
6609
- &:empty {
6610
- padding: 0;
6611
- }
6612
- }
6613
- &:not(:last-child) {
6614
- padding-bottom: 24px;
6615
- &.split {
6616
- margin-bottom: 24px;
6617
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
6618
- }
6619
- }
6620
- }
6621
-
6622
- .ant-menu-item {
6623
- transition: none;
6624
- display: flex;
6625
- align-items: center;
6626
- height: 32px;
6627
- line-height: 22px;
6628
- padding: 0 8px;
6629
-
6630
- > .icon-wrapper {
6631
- margin-right: 12px;
6632
- }
6633
-
6634
- &:not(:last-child) {
6635
- margin: 0;
6636
- margin-bottom: 2px;
6637
- }
6638
- &.ant-menu-item-selected {
6639
- background: $background-selected;
6640
- box-shadow: $box-shadow-light-selected;
6641
- border-radius: 6px;
6642
- color: $text-light-on-tint;
6643
- a {
6644
- color: $text-light-on-tint;
6645
- }
6646
- }
6647
- &:not(.ant-menu-item-selected) {
6648
- &.ant-menu-item:hover,
6649
- &.ant-menu-item-active {
6650
- background: $background-onhover;
6651
- box-shadow: $box-shadow-light-onhover;
6652
- border-radius: 6px;
6653
- }
6654
- }
6655
- }
6656
- }
6657
- }
6658
-
6659
- .E_s1wu0lms {
6660
- .ant-menu-item-group-title {
6661
- white-space: nowrap;
6662
- transition: all 0s;
6663
- }
6664
-
6665
- &.shrink {
6666
- transition: all 0s;
6667
- overflow: hidden;
6640
+ background: $white;
6641
+ }
6668
6642
 
6669
- .ant-menu-item-group-title {
6670
- visibility: hidden;
6643
+ &:active {
6644
+ color: $blue-80;
6671
6645
  }
6672
6646
 
6673
- .ant-menu-item {
6674
- width: 36px;
6675
- padding: 0 6px;
6647
+ &.tab-menu-item.tab-menu-item-selected {
6648
+ background: $white;
6649
+ color: $blue-100;
6676
6650
  }
6677
- }
6678
- }
6679
6651
 
6680
- .E_n1ugzfva {
6681
- display: flex;
6682
- place-items: center;
6683
- width: 100% !important;
6652
+ &.tab-menu-item-group.tab-menu-item-selected {
6653
+ .main-title {
6654
+ color: rgba($gray-80, 0.6);
6655
+ }
6684
6656
 
6685
- &[disabled] {
6686
- color: rgba(0, 0, 0, 0.25) !important;
6687
- opacity: 1 !important;
6688
- }
6657
+ .sub-title {
6658
+ color: $blue-100;
6659
+ }
6689
6660
 
6690
- &.ant-btn {
6691
- width: 100%;
6692
- color: $text-light-primary;
6693
- }
6661
+ .sub-title > .slash-arrow {
6662
+ fill: $fills-opaque-quaternary-light;
6663
+ }
6694
6664
 
6695
- .icon-wrapper {
6696
- margin-right: 12px;
6665
+ .sub-title > .expand-arrow path {
6666
+ fill: $blue-100;
6667
+ }
6668
+ }
6697
6669
  }
6698
6670
 
6699
- .link-title {
6671
+ .tab-content {
6700
6672
  flex: 1;
6701
- overflow: hidden;
6702
- white-space: nowrap;
6703
- text-overflow: ellipsis;
6704
- text-align: left;
6673
+ display: flex;
6674
+ flex-direction: column;
6675
+ }
6676
+
6677
+ /* FIXME:(yanzhen) do this better */
6678
+ &.is-overview .tab-content {
6679
+ overflow: visible;
6705
6680
  }
6706
6681
  }
6707
6682
 
6683
+ .E_t14npdqr {
6684
+ max-width: 240px;
6685
+ animation: none;
6708
6686
 
6709
- .E_s1iv0tp1 {
6710
- .enabled-switch {
6711
- display: flex;
6712
- align-items: center;
6713
- }
6687
+ &.ant-dropdown .ant-dropdown-menu {
6688
+ border: 1px solid $blue-60;
6689
+ padding: 0;
6714
6690
 
6715
- .enabled-text {
6716
- margin-right: 8px;
6691
+ .ant-dropdown-menu-item {
6692
+ margin: 0;
6693
+ height: 32px;
6694
+ line-height: 32px;
6695
+ font-size: 13px;
6696
+ padding: 0 10px;
6697
+ display: block;
6698
+ overflow: hidden;
6699
+ text-overflow: ellipsis;
6700
+ white-space: nowrap;
6701
+
6702
+ &:not(:first-child) {
6703
+ &::before {
6704
+ content: " ";
6705
+ height: 1px;
6706
+ width: calc(100% + 10px);
6707
+ background: $strokes-translucent-1-light;
6708
+ display: block;
6709
+ }
6710
+ }
6711
+
6712
+ &.ant-dropdown-menu-item-selected {
6713
+ color: $blue-60;
6714
+ background: transparent;
6715
+ }
6716
+ }
6717
6717
  }
6718
6718
  }
6719
6719
 
@@ -6819,13 +6819,6 @@
6819
6819
  }
6820
6820
 
6821
6821
 
6822
- .E_h1ol2wl7 {
6823
- font-weight: bold;
6824
- background-color: unset;
6825
- padding: unset;
6826
- }
6827
-
6828
-
6829
6822
  .E_i5w779o {
6830
6823
  padding: 8px 0;
6831
6824
 
@@ -6870,6 +6863,13 @@
6870
6863
  }
6871
6864
 
6872
6865
 
6866
+ .E_h1ol2wl7 {
6867
+ font-weight: bold;
6868
+ background-color: unset;
6869
+ padding: unset;
6870
+ }
6871
+
6872
+
6873
6873
  .E_kr6am0s {
6874
6874
  .ant-modal-body {
6875
6875
  padding: 60px 128px;
@@ -6944,6 +6944,75 @@
6944
6944
  }
6945
6945
 
6946
6946
 
6947
+ .E_c14ouk5o {
6948
+ width: 100%;
6949
+ height: 100%;
6950
+ display: flex;
6951
+ font-size: 12px;
6952
+ line-height: 18px;
6953
+ padding: 8px 0;
6954
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6955
+
6956
+ &:last-of-type {
6957
+ box-shadow: none;
6958
+ padding-bottom: 0;
6959
+ }
6960
+ &.collapsed {
6961
+ flex-direction: column;
6962
+
6963
+ .collapsed-content {
6964
+ display: flex;
6965
+
6966
+ > span {
6967
+ flex: 1;
6968
+ display: flex;
6969
+ justify-content: space-between;
6970
+ .ant-btn {
6971
+ height: auto;
6972
+ }
6973
+ }
6974
+ }
6975
+ .extra-content {
6976
+ margin-left: 162px;
6977
+ }
6978
+ }
6979
+
6980
+ .col-label {
6981
+ width: 216px;
6982
+ color: $text-secondary-light;
6983
+ margin-right: 12px;
6984
+ flex-shrink: 0;
6985
+ }
6986
+
6987
+ .col-content {
6988
+ color: $text-primary-light;
6989
+
6990
+ /* make btn link in info row have the same height as normal text */
6991
+ .ant-btn.ant-btn-link {
6992
+ height: auto;
6993
+ }
6994
+ }
6995
+ }
6996
+
6997
+
6998
+ .E_l12xdkhl {
6999
+ width: 64px;
7000
+ height: 64px;
7001
+ max-width: 64px;
7002
+ max-height: 64px;
7003
+ overflow: hidden;
7004
+ display: flex;
7005
+ align-items: center;
7006
+ justify-content: center;
7007
+ position: relative;
7008
+ opacity: 0.6;
7009
+ .icon-wrapper {
7010
+ @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7011
+ animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7012
+ }
7013
+ }
7014
+
7015
+
6947
7016
  .E_c1kchka8 {
6948
7017
  height: 100%;
6949
7018
  width: 100%;
@@ -7543,16 +7612,6 @@
7543
7612
  }
7544
7613
 
7545
7614
 
7546
- .E_cevhqx7 {
7547
- color: $text-light-primary;
7548
- }
7549
-
7550
- .E_snbqlt4 {
7551
- margin-top: 8px;
7552
- color: $text-light-secondary;
7553
- }
7554
-
7555
-
7556
7615
  .E_c1ss4prm {
7557
7616
  color: $text-light-secondary;
7558
7617
 
@@ -7596,71 +7655,12 @@
7596
7655
  }
7597
7656
 
7598
7657
 
7599
- .E_c14ouk5o {
7600
- width: 100%;
7601
- height: 100%;
7602
- display: flex;
7603
- font-size: 12px;
7604
- line-height: 18px;
7605
- padding: 8px 0;
7606
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7607
-
7608
- &:last-of-type {
7609
- box-shadow: none;
7610
- padding-bottom: 0;
7611
- }
7612
- &.collapsed {
7613
- flex-direction: column;
7614
-
7615
- .collapsed-content {
7616
- display: flex;
7617
-
7618
- > span {
7619
- flex: 1;
7620
- display: flex;
7621
- justify-content: space-between;
7622
- .ant-btn {
7623
- height: auto;
7624
- }
7625
- }
7626
- }
7627
- .extra-content {
7628
- margin-left: 162px;
7629
- }
7630
- }
7631
-
7632
- .col-label {
7633
- width: 216px;
7634
- color: $text-secondary-light;
7635
- margin-right: 12px;
7636
- flex-shrink: 0;
7637
- }
7638
-
7639
- .col-content {
7640
- color: $text-primary-light;
7641
-
7642
- /* make btn link in info row have the same height as normal text */
7643
- .ant-btn.ant-btn-link {
7644
- height: auto;
7645
- }
7646
- }
7658
+ .E_cevhqx7 {
7659
+ color: $text-light-primary;
7647
7660
  }
7648
7661
 
7649
-
7650
- .E_l12xdkhl {
7651
- width: 64px;
7652
- height: 64px;
7653
- max-width: 64px;
7654
- max-height: 64px;
7655
- overflow: hidden;
7656
- display: flex;
7657
- align-items: center;
7658
- justify-content: center;
7659
- position: relative;
7660
- opacity: 0.6;
7661
- .icon-wrapper {
7662
- @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } };
7663
- animation: rotate 1200ms cubic-bezier(0.33, 0, 0.67, 1) infinite;
7664
- }
7662
+ .E_snbqlt4 {
7663
+ margin-top: 8px;
7664
+ color: $text-light-secondary;
7665
7665
  }
7666
7666