@cloudtower/eagle 0.35.5 → 0.35.6

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 (12) hide show
  1. package/dist/cjs/core/MediumDialog/MediumDialog.js +1 -1
  2. package/dist/cjs/coreX/Dialogs/RejectDialog/RejectDialog.js +16 -4
  3. package/dist/cjs/stats1.html +1 -1
  4. package/dist/components.css +1266 -1266
  5. package/dist/esm/core/MediumDialog/MediumDialog.js +1 -1
  6. package/dist/esm/coreX/Dialogs/RejectDialog/RejectDialog.js +16 -4
  7. package/dist/esm/stats1.html +1 -1
  8. package/dist/linaria.merged.scss +1692 -1690
  9. package/dist/src/coreX/Dialogs/RejectDialog/RejectDialog.type.d.ts +5 -1
  10. package/dist/stories/docs/coreX/Dialogs/RejectDialog.stories.d.ts +3 -1
  11. package/dist/style.css +1266 -1266
  12. package/package.json +4 -4
package/dist/linaria.merged.scss CHANGED
@@ -1,3 +1,28 @@
1
+ .E_m74vjol {
2
+ display: flex;
3
+ justify-content: space-between;
4
+ width: 100%;
5
+ & .action {
6
+ margin-left: 16px;
7
+ }
8
+ }
9
+
10
+ .E_a1o35uvh {
11
+ &.ant-alert-closable {
12
+ padding-right: 12px;
13
+
14
+ .ant-alert-close-icon {
15
+ height: fit-content;
16
+ margin-left: 16px;
17
+ }
18
+ }
19
+
20
+ .ant-alert-message {
21
+ flex: 1;
22
+ }
23
+ }
24
+
25
+
1
26
  .E_c18gxmrl {
2
27
  border: 1px solid $gray-40;
3
28
  border-radius: 4px;
@@ -26,31 +51,6 @@
26
51
  }
27
52
 
28
53
 
29
- .E_m74vjol {
30
- display: flex;
31
- justify-content: space-between;
32
- width: 100%;
33
- & .action {
34
- margin-left: 16px;
35
- }
36
- }
37
-
38
- .E_a1o35uvh {
39
- &.ant-alert-closable {
40
- padding-right: 12px;
41
-
42
- .ant-alert-close-icon {
43
- height: fit-content;
44
- margin-left: 16px;
45
- }
46
- }
47
-
48
- .ant-alert-message {
49
- flex: 1;
50
- }
51
- }
52
-
53
-
54
54
  .E_berrcjl {
55
55
  color: $text-terdiary-light;
56
56
  margin-bottom: 4px;
@@ -70,90 +70,6 @@
70
70
  }
71
71
 
72
72
 
73
- .E_b1nip9bk {
74
- padding: 4px 11px;
75
- }
76
-
77
- .E_bqamoqe {
78
- white-space: nowrap;
79
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
80
-
81
- & > .ant-btn {
82
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
83
- --color: #{$text-light-general};
84
-
85
- &[disabled],
86
- &:hover[disabled] {
87
- --color: #{$text-light-general};
88
- }
89
- }
90
- }
91
-
92
- & > .ant-btn:not(:only-child) {
93
- & + .ant-btn {
94
- margin-left: 1px;
95
- }
96
-
97
- &:first-child {
98
- border-top-right-radius: 0;
99
- border-bottom-right-radius: 0;
100
- }
101
-
102
- &:last-child {
103
- border-top-left-radius: 0;
104
- border-bottom-left-radius: 0;
105
- }
106
-
107
- &:not(:first-child, :last-child) {
108
- border-radius: unset;
109
- }
110
- }
111
- }
112
-
113
-
114
- .E_d133fzv0 {
115
- .ant-dropdown-menu-item-group {
116
- .ant-dropdown-menu-item-group-title {
117
- padding: 4px 8px 0 8px;
118
- color: $text-light-secondary;
119
- font-size: 12px;
120
- }
121
- .ant-dropdown-menu-item-group-list {
122
- padding-bottom: 6px;
123
- }
124
- &:not(:first-child) {
125
- padding-top: 4px;
126
- border-top: 1px solid $strokes-light-trans-2;
127
- }
128
- }
129
- }
130
-
131
-
132
- .E_c1uzzomf {
133
- margin-bottom: 16px;
134
-
135
- .card-title {
136
- font-size: 16px;
137
- color: $text-secondary-light;
138
- font-weight: 700;
139
- line-height: 32px;
140
- }
141
- .card-body {
142
- padding: 24px;
143
- border-radius: 8px;
144
- background: $fills-light-white;
145
- }
146
-
147
- .empty {
148
- font-weight: 700;
149
- font-size: 14px;
150
- line-height: 22px;
151
- color: $text-light-tertiary;
152
- text-align: center;
153
- }
154
- }
155
-
156
-
157
73
  .E_b1wx3t3t {
158
74
  &.ant-btn-icon-only {
159
75
  justify-content: center;
@@ -512,6 +428,90 @@
512
428
  }
513
429
 
514
430
 
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
+ }
454
+
455
+ &:first-child {
456
+ border-top-right-radius: 0;
457
+ border-bottom-right-radius: 0;
458
+ }
459
+
460
+ &:last-child {
461
+ border-top-left-radius: 0;
462
+ border-bottom-left-radius: 0;
463
+ }
464
+
465
+ &:not(:first-child, :last-child) {
466
+ border-radius: unset;
467
+ }
468
+ }
469
+ }
470
+
471
+
472
+ .E_d133fzv0 {
473
+ .ant-dropdown-menu-item-group {
474
+ .ant-dropdown-menu-item-group-title {
475
+ padding: 4px 8px 0 8px;
476
+ color: $text-light-secondary;
477
+ font-size: 12px;
478
+ }
479
+ .ant-dropdown-menu-item-group-list {
480
+ padding-bottom: 6px;
481
+ }
482
+ &:not(:first-child) {
483
+ padding-top: 4px;
484
+ border-top: 1px solid $strokes-light-trans-2;
485
+ }
486
+ }
487
+ }
488
+
489
+
490
+ .E_c1uzzomf {
491
+ margin-bottom: 16px;
492
+
493
+ .card-title {
494
+ font-size: 16px;
495
+ color: $text-secondary-light;
496
+ font-weight: 700;
497
+ line-height: 32px;
498
+ }
499
+ .card-body {
500
+ padding: 24px;
501
+ border-radius: 8px;
502
+ background: $fills-light-white;
503
+ }
504
+
505
+ .empty {
506
+ font-weight: 700;
507
+ font-size: 14px;
508
+ line-height: 22px;
509
+ color: $text-light-tertiary;
510
+ text-align: center;
511
+ }
512
+ }
513
+
514
+
515
515
  .E_d1bw7c5z {
516
516
  position: relative;
517
517
  max-width: 388px;
@@ -620,29 +620,117 @@
620
620
  }
621
621
 
622
622
 
623
- .E_itxley7 {
624
- &.ant-input-group.ant-input-group-compact {
625
- display: flex;
623
+ .E_f7pxqmh {
624
+ width: 100%;
625
+ margin-bottom: 0 !important;
626
+ flex-flow: nowrap !important;
627
+ line-break: auto;
628
+
629
+ & > .ant-form-item-label {
630
+ text-align: left !important;
631
+ padding-bottom: 0 !important;
632
+
633
+ & > label {
634
+ min-height: 32px;
635
+ height: auto;
636
+ font-size: 13px;
637
+ color: rgba(44, 56, 82, 0.6);
638
+ white-space: normal;
639
+ }
626
640
  }
627
641
 
628
- &.ant-input-group.ant-input-group-compact > *:first-child,
629
- &.ant-input-group.ant-input-group-compact
630
- > .ant-select:first-child
631
- > .ant-select-selector,
632
- &.ant-input-group.ant-input-group-compact
633
- > .ant-calendar-picker:first-child
634
- .ant-input,
635
- &.ant-input-group.ant-input-group-compact
636
- > .ant-select-auto-complete:first-child
637
- .ant-input,
638
- &.ant-input-group.ant-input-group-compact
639
- > .ant-cascader-picker:first-child
640
- .ant-input,
641
- &.ant-input-group.ant-input-group-compact
642
- > .ant-mention-wrapper:first-child
643
- .ant-mention-editor,
644
- &.ant-input-group.ant-input-group-compact
645
- > .ant-time-picker:first-child
642
+ &.ant-form-item-has-error {
643
+ .ant-input {
644
+ border-color: #ff4d4f !important;
645
+ }
646
+ .ant-input-password {
647
+ border-color: #ff4d4f !important;
648
+ }
649
+ }
650
+
651
+ .ant-form-item-explain {
652
+ margin-top: 4px;
653
+ font-size: 12px;
654
+ min-height: 0px;
655
+ }
656
+
657
+ .ant-form-item-extra {
658
+ font-size: 12px;
659
+ color: rgba(44, 56, 82, 0.6);
660
+ min-height: 0px;
661
+ }
662
+ }
663
+
664
+
665
+ .E_iouxfgt {
666
+ display: inline-flex;
667
+ align-items: center;
668
+
669
+ .icon-inner {
670
+ display: inline-flex;
671
+ align-items: center;
672
+ justify-content: center;
673
+ }
674
+ .icon-inner + span,
675
+ span + .icon-inner.suffix {
676
+ margin-left: 4px;
677
+ }
678
+ &.is-rotate {
679
+ img,
680
+ svg {
681
+ animation: rotate 680ms linear infinite;
682
+ }
683
+ }
684
+ }
685
+
686
+
687
+ .E_atcz0kf {
688
+ .ant-input-suffix {
689
+ margin-left: 8px;
690
+ }
691
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
692
+ padding: 2px 7px 2px 12px;
693
+ }
694
+ }
695
+
696
+
697
+ .E_i1inqkme {
698
+ height: 18px;
699
+ line-height: 18px;
700
+ padding: 0 4px;
701
+ border-radius: 4px;
702
+ background: rgba(235, 239, 245, 0.6);
703
+ border: 1px solid rgba(223, 228, 235, 0.6);
704
+ display: flex;
705
+ align-items: center;
706
+ white-space: nowrap;
707
+ margin-right: 4px;
708
+ }
709
+
710
+
711
+ .E_itxley7 {
712
+ &.ant-input-group.ant-input-group-compact {
713
+ display: flex;
714
+ }
715
+
716
+ &.ant-input-group.ant-input-group-compact > *:first-child,
717
+ &.ant-input-group.ant-input-group-compact
718
+ > .ant-select:first-child
719
+ > .ant-select-selector,
720
+ &.ant-input-group.ant-input-group-compact
721
+ > .ant-calendar-picker:first-child
722
+ .ant-input,
723
+ &.ant-input-group.ant-input-group-compact
724
+ > .ant-select-auto-complete:first-child
725
+ .ant-input,
726
+ &.ant-input-group.ant-input-group-compact
727
+ > .ant-cascader-picker:first-child
728
+ .ant-input,
729
+ &.ant-input-group.ant-input-group-compact
730
+ > .ant-mention-wrapper:first-child
731
+ .ant-mention-editor,
732
+ &.ant-input-group.ant-input-group-compact
733
+ > .ant-time-picker:first-child
646
734
  .ant-time-picker-input {
647
735
  border-bottom-left-radius: 5px;
648
736
  border-top-left-radius: 5px;
@@ -675,6 +763,50 @@
675
763
  }
676
764
 
677
765
 
766
+ .E_sx1bpnu {
767
+ .ant-input-sm {
768
+ line-height: 18px;
769
+ }
770
+ }
771
+
772
+
773
+ .E_a1wfy30z {
774
+ .ant-input-number-handler-wrap {
775
+ display: var(--a1wfy30z-0);
776
+ }
777
+ .ant-input-number-input-wrap {
778
+ padding: 4px 11px;
779
+ display: inline-flex;
780
+ line-height: 1.5715;
781
+ height: inherit;
782
+ }
783
+
784
+ .ant-input-number-input-wrap::after {
785
+ content: var(--a1wfy30z-1);
786
+ display: var(--a1wfy30z-2);
787
+ flex: none;
788
+ align-items: center;
789
+ margin-left: 4px;
790
+ }
791
+
792
+ .ant-input-number-input-wrap::before {
793
+ content: var(--a1wfy30z-3);
794
+ display: var(--a1wfy30z-4);
795
+ flex: none;
796
+ align-items: center;
797
+ margin-right: 4px;
798
+ cursor: auto;
799
+ }
800
+
801
+ .ant-input-number-input {
802
+ padding: 0;
803
+ margin: 0;
804
+ height: auto;
805
+ font-size: inherit;
806
+ }
807
+ }
808
+
809
+
678
810
  .E_ai7qkf2 {
679
811
  .ant-input-number-handler-wrap {
680
812
  display: var(--ai7qkf2-0);
@@ -756,232 +888,100 @@
756
888
  }
757
889
 
758
890
 
759
- .E_atcz0kf {
760
- .ant-input-suffix {
761
- margin-left: 8px;
762
- }
763
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
764
- padding: 2px 7px 2px 12px;
765
- }
891
+ .E_owd0kml {
892
+ display: inline-block;
766
893
  }
767
894
 
768
-
769
- .E_sx1bpnu {
770
- .ant-input-sm {
771
- line-height: 18px;
772
- }
895
+ .E_h1jsgezc {
896
+ visibility: hidden;
897
+ position: absolute;
773
898
  }
774
899
 
775
900
 
776
- .E_f7pxqmh {
777
- width: 100%;
778
- margin-bottom: 0 !important;
779
- flex-flow: nowrap !important;
780
- line-break: auto;
901
+ .E_rapgekc {
902
+ &.ant-radio-wrapper {
903
+ display: inline-flex;
904
+ align-items: baseline;
905
+ white-space: pre-wrap;
781
906
 
782
- & > .ant-form-item-label {
783
- text-align: left !important;
784
- padding-bottom: 0 !important;
907
+ .ant-radio {
908
+ position: relative;
909
+ top: 3px;
785
910
 
786
- & > label {
787
- min-height: 32px;
788
- height: auto;
789
- font-size: 13px;
790
- color: rgba(44, 56, 82, 0.6);
791
- white-space: normal;
911
+ .ant-radio-inner {
912
+ border-color: $strokes-light-trans-4;
913
+ }
914
+
915
+ &:hover .ant-radio-inner {
916
+ border-color: $blue-60;
917
+ }
918
+
919
+ &.ant-radio-checked .ant-radio-inner {
920
+ border-color: $blue-60;
921
+ background: $blue-60;
922
+ &::after {
923
+ top: 4px;
924
+ left: 4px;
925
+ width: 6px;
926
+ height: 6px;
927
+ background: $white;
928
+ }
929
+ }
930
+
931
+ &.ant-radio-disabled {
932
+ opacity: 0.5;
933
+
934
+ .ant-radio-inner {
935
+ border-color: $strokes-light-trans-4;
936
+ background: $fills-light-trans-3;
937
+ &::after {
938
+ background: $text-light-primary;
939
+ }
940
+ }
941
+
942
+ & + span {
943
+ color: $text-light-primary;
944
+ opacity: 0.5;
945
+
946
+ .radio-description {
947
+ color: $text-light-primary;
948
+ }
949
+ }
950
+ }
951
+
952
+ & + span {
953
+ display: inline-block;
954
+ padding: 0;
955
+ padding-left: 10px;
956
+
957
+ .radio-description {
958
+ margin-bottom: 0;
959
+ white-space: pre-wrap;
960
+ color: $text-secondary-light;
961
+ }
962
+ }
792
963
  }
793
964
  }
794
965
 
795
- &.ant-form-item-has-error {
796
- .ant-input {
797
- border-color: #ff4d4f !important;
798
- }
799
- .ant-input-password {
800
- border-color: #ff4d4f !important;
966
+ &.ant-radio-wrapper.compact {
967
+ .ant-radio + span {
968
+ padding-left: 8px;
801
969
  }
802
970
  }
971
+ }
803
972
 
804
- .ant-form-item-explain {
805
- margin-top: 4px;
806
- font-size: 12px;
807
- min-height: 0px;
973
+ .E_rp906go {
974
+ & .ant-radio-button-wrapper:first-child {
975
+ border-radius: 5px 0 0 5px;
808
976
  }
809
-
810
- .ant-form-item-extra {
811
- font-size: 12px;
812
- color: rgba(44, 56, 82, 0.6);
813
- min-height: 0px;
977
+ & .ant-radio-button-wrapper:last-child {
978
+ border-radius: 0 5px 5px 0;
814
979
  }
815
980
  }
816
981
 
817
-
818
- .E_i1inqkme {
819
- height: 18px;
820
- line-height: 18px;
821
- padding: 0 4px;
822
- border-radius: 4px;
823
- background: rgba(235, 239, 245, 0.6);
824
- border: 1px solid rgba(223, 228, 235, 0.6);
825
- display: flex;
826
- align-items: center;
827
- white-space: nowrap;
828
- margin-right: 4px;
829
- }
830
-
831
-
832
- .E_iouxfgt {
833
- display: inline-flex;
834
- align-items: center;
835
-
836
- .icon-inner {
837
- display: inline-flex;
838
- align-items: center;
839
- justify-content: center;
840
- }
841
- .icon-inner + span,
842
- span + .icon-inner.suffix {
843
- margin-left: 4px;
844
- }
845
- &.is-rotate {
846
- img,
847
- svg {
848
- animation: rotate 680ms linear infinite;
849
- }
850
- }
851
- }
852
-
853
-
854
- .E_a1wfy30z {
855
- .ant-input-number-handler-wrap {
856
- display: var(--a1wfy30z-0);
857
- }
858
- .ant-input-number-input-wrap {
859
- padding: 4px 11px;
860
- display: inline-flex;
861
- line-height: 1.5715;
862
- height: inherit;
863
- }
864
-
865
- .ant-input-number-input-wrap::after {
866
- content: var(--a1wfy30z-1);
867
- display: var(--a1wfy30z-2);
868
- flex: none;
869
- align-items: center;
870
- margin-left: 4px;
871
- }
872
-
873
- .ant-input-number-input-wrap::before {
874
- content: var(--a1wfy30z-3);
875
- display: var(--a1wfy30z-4);
876
- flex: none;
877
- align-items: center;
878
- margin-right: 4px;
879
- cursor: auto;
880
- }
881
-
882
- .ant-input-number-input {
883
- padding: 0;
884
- margin: 0;
885
- height: auto;
886
- font-size: inherit;
887
- }
888
- }
889
-
890
-
891
- .E_owd0kml {
892
- display: inline-block;
893
- }
894
-
895
- .E_h1jsgezc {
896
- visibility: hidden;
897
- position: absolute;
898
- }
899
-
900
-
901
- .E_rapgekc {
902
- &.ant-radio-wrapper {
903
- display: inline-flex;
904
- align-items: baseline;
905
- white-space: pre-wrap;
906
-
907
- .ant-radio {
908
- position: relative;
909
- top: 3px;
910
-
911
- .ant-radio-inner {
912
- border-color: $strokes-light-trans-4;
913
- }
914
-
915
- &:hover .ant-radio-inner {
916
- border-color: $blue-60;
917
- }
918
-
919
- &.ant-radio-checked .ant-radio-inner {
920
- border-color: $blue-60;
921
- background: $blue-60;
922
- &::after {
923
- top: 4px;
924
- left: 4px;
925
- width: 6px;
926
- height: 6px;
927
- background: $white;
928
- }
929
- }
930
-
931
- &.ant-radio-disabled {
932
- opacity: 0.5;
933
-
934
- .ant-radio-inner {
935
- border-color: $strokes-light-trans-4;
936
- background: $fills-light-trans-3;
937
- &::after {
938
- background: $text-light-primary;
939
- }
940
- }
941
-
942
- & + span {
943
- color: $text-light-primary;
944
- opacity: 0.5;
945
-
946
- .radio-description {
947
- color: $text-light-primary;
948
- }
949
- }
950
- }
951
-
952
- & + span {
953
- display: inline-block;
954
- padding: 0;
955
- padding-left: 10px;
956
-
957
- .radio-description {
958
- margin-bottom: 0;
959
- white-space: pre-wrap;
960
- color: $text-secondary-light;
961
- }
962
- }
963
- }
964
- }
965
-
966
- &.ant-radio-wrapper.compact {
967
- .ant-radio + span {
968
- padding-left: 8px;
969
- }
970
- }
971
- }
972
-
973
- .E_rp906go {
974
- & .ant-radio-button-wrapper:first-child {
975
- border-radius: 5px 0 0 5px;
976
- }
977
- & .ant-radio-button-wrapper:last-child {
978
- border-radius: 0 5px 5px 0;
979
- }
980
- }
981
-
982
- .E_rcc63c8 {
983
- color: $text-light-primary;
984
- border-color: $strokes-light-opaque-3;
982
+ .E_rcc63c8 {
983
+ color: $text-light-primary;
984
+ border-color: $strokes-light-opaque-3;
985
985
 
986
986
  &:first-child {
987
987
  border-color: $strokes-light-opaque-4;
@@ -1090,38 +1090,6 @@
1090
1090
  }
1091
1091
 
1092
1092
 
1093
- .E_i11gg7mj {
1094
- .ant-input-prefix {
1095
- margin-right: 8px;
1096
- }
1097
- .ant-input-suffix {
1098
- margin-left: 8px;
1099
- }
1100
- }
1101
-
1102
- .E_cc368xp {
1103
- color: $gray-120;
1104
- border-right: 1px solid $gray-a60-5;
1105
- margin-right: 8px;
1106
- padding-right: 8px;
1107
- }
1108
-
1109
- .E_i11o6xqj {
1110
- display: flex;
1111
- gap: 4px;
1112
-
1113
- .icon-wrapper {
1114
- cursor: pointer;
1115
- }
1116
- }
1117
-
1118
- .E_d19ruhdj {
1119
- &.icon-wrapper {
1120
- cursor: not-allowed;
1121
- }
1122
- }
1123
-
1124
-
1125
1093
  .E_phljevk {
1126
1094
  display: flex;
1127
1095
  justify-content: space-between;
@@ -1189,32 +1157,108 @@
1189
1157
  }
1190
1158
 
1191
1159
 
1192
- .E_s1dizucg {
1193
- &.ant-switch {
1194
- min-width: 40px;
1195
- height: 24px;
1196
- background: $fills-trans-quinary-light;
1160
+ .E_c1bus5hc {
1161
+ --color: white;
1162
+ height: 14px;
1163
+ width: 14px;
1164
+ border-radius: 50%;
1165
+ flex-shrink: 0;
1166
+ display: flex;
1167
+ align-items: center;
1168
+ justify-content: center;
1169
+ border: 1px solid var(--color);
1170
+
1171
+ .circle-inner {
1172
+ position: relative;
1173
+ height: 10px;
1174
+ width: 10px;
1175
+ border-radius: 50%;
1197
1176
  overflow: hidden;
1198
- &:focus {
1199
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
1200
- }
1201
- }
1202
- &.ant-switch-small {
1203
- min-width: 26px;
1204
- height: 16px;
1205
1177
  }
1206
- &.ant-switch-large {
1207
- min-width: 52px;
1208
- height: 32px;
1178
+
1179
+ .circle-content {
1180
+ position: absolute;
1181
+ height: 100%;
1182
+ width: 100%;
1183
+ left: 0;
1184
+ top: 0;
1185
+ border-radius: 50%;
1186
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
1187
+ transform: rotate(180deg);
1209
1188
  }
1210
1189
 
1211
- &.ant-switch .ant-switch-handle {
1212
- height: 20px;
1213
- width: 20px;
1214
- &::before {
1215
- border-radius: 10px;
1216
- transition-delay: 120ms;
1217
- }
1190
+ .circle-child {
1191
+ position: absolute;
1192
+ height: 100%;
1193
+ width: 100%;
1194
+ left: 0;
1195
+ top: 0;
1196
+ margin-left: 50%;
1197
+ transform-origin: left;
1198
+ background: white;
1199
+ transform: rotate(0deg);
1200
+ }
1201
+ }
1202
+
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
+ .E_s1dizucg {
1237
+ &.ant-switch {
1238
+ min-width: 40px;
1239
+ height: 24px;
1240
+ background: $fills-trans-quinary-light;
1241
+ overflow: hidden;
1242
+ &:focus {
1243
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1244
+ }
1245
+ }
1246
+ &.ant-switch-small {
1247
+ min-width: 26px;
1248
+ height: 16px;
1249
+ }
1250
+ &.ant-switch-large {
1251
+ min-width: 52px;
1252
+ height: 32px;
1253
+ }
1254
+
1255
+ &.ant-switch .ant-switch-handle {
1256
+ height: 20px;
1257
+ width: 20px;
1258
+ &::before {
1259
+ border-radius: 10px;
1260
+ transition-delay: 120ms;
1261
+ }
1218
1262
  }
1219
1263
  &.ant-switch-small .ant-switch-handle {
1220
1264
  height: 14px;
@@ -1249,143 +1293,6 @@
1249
1293
  }
1250
1294
 
1251
1295
 
1252
- .E_c1bus5hc {
1253
- --color: white;
1254
- height: 14px;
1255
- width: 14px;
1256
- border-radius: 50%;
1257
- flex-shrink: 0;
1258
- display: flex;
1259
- align-items: center;
1260
- justify-content: center;
1261
- border: 1px solid var(--color);
1262
-
1263
- .circle-inner {
1264
- position: relative;
1265
- height: 10px;
1266
- width: 10px;
1267
- border-radius: 50%;
1268
- overflow: hidden;
1269
- }
1270
-
1271
- .circle-content {
1272
- position: absolute;
1273
- height: 100%;
1274
- width: 100%;
1275
- left: 0;
1276
- top: 0;
1277
- border-radius: 50%;
1278
- background: linear-gradient(to right, var(--color) 50%, white 50%);
1279
- transform: rotate(180deg);
1280
- }
1281
-
1282
- .circle-child {
1283
- position: absolute;
1284
- height: 100%;
1285
- width: 100%;
1286
- left: 0;
1287
- top: 0;
1288
- margin-left: 50%;
1289
- transform-origin: left;
1290
- background: white;
1291
- transform: rotate(0deg);
1292
- }
1293
- }
1294
-
1295
-
1296
- .E_tju3gfj {
1297
- .date {
1298
- margin-right: 4px;
1299
- }
1300
- }
1301
-
1302
-
1303
- .E_s1sck0th {
1304
- padding: 0 8px;
1305
- border-radius: 4px;
1306
- }
1307
-
1308
- .E_m855nr1 {
1309
- padding: 2px 8px;
1310
- border-radius: 3px;
1311
- }
1312
-
1313
- .E_l1270xpg {
1314
- padding: 3px 8px;
1315
- border-radius: 2px;
1316
- }
1317
-
1318
- .E_t14rextb {
1319
- &.ant-tag:hover {
1320
- opacity: unset;
1321
- }
1322
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1323
- margin: 0;
1324
- margin-right: 8px;
1325
- display: inline-flex;
1326
- align-items: center;
1327
- border: none;
1328
- & .ant-tag-close-icon {
1329
- width: 16px;
1330
- height: 16px;
1331
- color: inherit;
1332
- margin-left: 4px;
1333
- opacity: 0.6;
1334
- display: inline-flex;
1335
- &:hover {
1336
- opacity: 1;
1337
- }
1338
- }
1339
- &.ant-tag-blue {
1340
- color: $fills-light-general-general;
1341
- background-color: $fills-light-general-general-light;
1342
- }
1343
- &.ant-tag-red {
1344
- color: $fills-light-serious-serious;
1345
- background-color: $fills-light-serious-serious-light;
1346
- }
1347
- &.ant-tag-yellow {
1348
- color: $fills-light-notice-notice-dark;
1349
- background-color: $fills-light-notice-notice-light;
1350
- }
1351
- &.ant-tag-green {
1352
- color: $fills-light-positive-positive-dark;
1353
- background-color: $fills-light-positive-positive-light;
1354
- }
1355
- &.ant-tag-gray {
1356
- color: $text-light-super;
1357
- background-color: $fills-element-light-container-general;
1358
- }
1359
- &.ant-tag-purple {
1360
- color: $text-colorful-purple;
1361
- background-color: $fill-purple-light;
1362
- }
1363
-
1364
- &.ui-kit-token-checked {
1365
- color: $text-light-on-tint;
1366
- &.ant-tag-red {
1367
- background-color: $fills-light-serious-serious;
1368
- }
1369
- &.ant-tag-yellow {
1370
- background-color: $fills-light-notice-notice;
1371
- }
1372
- &.ant-tag-green {
1373
- background-color: $fills-light-positive-positive;
1374
- }
1375
- &.ant-tag-blue {
1376
- background-color: $fills-light-general-general;
1377
- }
1378
- &.ant-tag-gray {
1379
- background-color: $gray-70;
1380
- }
1381
- &.ant-tag-purple {
1382
- background-color: $fill-purple-base;
1383
- }
1384
- }
1385
- }
1386
- }
1387
-
1388
-
1389
1296
  .E_cnujxq2 {
1390
1297
  display: flex;
1391
1298
  flex-direction: column;
@@ -2199,39 +2106,107 @@
2199
2106
  }
2200
2107
 
2201
2108
 
2202
- .E_s1dni7lo {
2203
- width: 430px !important;
2204
- }
2205
-
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;
2109
+ .E_a1b5xrg3 {
2110
+ .user-icon-inner {
2111
+ display: inline-flex;
2112
+ align-items: center;
2113
+ justify-content: center;
2114
+ color: $white;
2115
+ font-weight: bold;
2116
+ font-size: 12px;
2117
+ width: 24px;
2118
+ height: 24px;
2119
+ border-radius: 50%;
2120
+ background: var(--a1b5xrg3-0);
2215
2121
  }
2216
- }
2217
-
2218
- .E_o1ugr09p {
2219
- display: flex;
2220
- flex-direction: column;
2221
- margin: 1px 8px;
2222
- padding: 8px;
2223
- border-radius: 4px;
2122
+ &.btn-item {
2123
+ transition: all 160ms ease;
2124
+ cursor: pointer;
2125
+ width: 56px;
2126
+ height: 40px;
2127
+ display: inline-flex;
2128
+ align-items: center;
2129
+ justify-content: center;
2130
+ border-radius: 6px;
2224
2131
 
2225
- .selected-icon {
2226
- display: none;
2132
+ &:hover {
2133
+ box-shadow:
2134
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
2135
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2227
2136
  }
2228
2137
 
2229
- &.ant-select-item-option-grouped {
2230
- padding-left: 8px;
2138
+ &:active {
2139
+ transform: translateY(2px);
2140
+ transition: all 320ms ease;
2231
2141
  }
2142
+ }
2143
+ }
2232
2144
 
2233
- &.ant-select-item-option-selected {
2234
- background-color: white;
2145
+
2146
+ .E_iq1gosr {
2147
+ display: inline-block;
2148
+ }
2149
+
2150
+
2151
+ .E_tju3gfj {
2152
+ .date {
2153
+ margin-right: 4px;
2154
+ }
2155
+ }
2156
+
2157
+
2158
+ .E_m196gn1d {
2159
+ min-width: 1280px;
2160
+ }
2161
+
2162
+
2163
+ .E_t1m2x205 {
2164
+ .ant-tooltip-arrow {
2165
+ display: none;
2166
+ }
2167
+ .ant-tooltip-inner {
2168
+ background: $gray-a80-9;
2169
+ border-radius: 4px;
2170
+ &:has(.eagle-ellipsis-content) {
2171
+ visibility: hidden;
2172
+ }
2173
+ }
2174
+ }
2175
+
2176
+
2177
+ .E_s1dni7lo {
2178
+ width: 430px !important;
2179
+ }
2180
+
2181
+ .E_d1wwmmm5 {
2182
+ .ant-select-item-group {
2183
+ padding: 8px 16px;
2184
+ line-height: 18px;
2185
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
2186
+ height: 34px;
2187
+ min-height: 34px;
2188
+ box-sizing: border-box;
2189
+ margin-top: 8px;
2190
+ }
2191
+ }
2192
+
2193
+ .E_o1ugr09p {
2194
+ display: flex;
2195
+ flex-direction: column;
2196
+ margin: 1px 8px;
2197
+ padding: 8px;
2198
+ border-radius: 4px;
2199
+
2200
+ .selected-icon {
2201
+ display: none;
2202
+ }
2203
+
2204
+ &.ant-select-item-option-grouped {
2205
+ padding-left: 8px;
2206
+ }
2207
+
2208
+ &.ant-select-item-option-selected {
2209
+ background-color: white;
2235
2210
  .timezone-title {
2236
2211
  color: #0080ff;
2237
2212
  }
@@ -2288,11 +2263,6 @@
2288
2263
  }
2289
2264
 
2290
2265
 
2291
- .E_iq1gosr {
2292
- display: inline-block;
2293
- }
2294
-
2295
-
2296
2266
  .E_dsnbhzf {
2297
2267
  @include Inter(bold);
2298
2268
  font-size: 32px;
@@ -2647,24 +2617,88 @@
2647
2617
  }
2648
2618
 
2649
2619
 
2650
- .E_t1m2x205 {
2651
- .ant-tooltip-arrow {
2652
- display: none;
2653
- }
2654
- .ant-tooltip-inner {
2655
- background: $gray-a80-9;
2620
+ .E_s1sck0th {
2621
+ padding: 0 8px;
2656
2622
  border-radius: 4px;
2657
- &:has(.eagle-ellipsis-content) {
2658
- visibility: hidden;
2659
- }
2660
2623
  }
2661
- }
2662
2624
 
2625
+ .E_m855nr1 {
2626
+ padding: 2px 8px;
2627
+ border-radius: 3px;
2628
+ }
2663
2629
 
2664
- .E_c1yyuluq {
2665
- border-radius: 8px;
2666
- .ant-card-body {
2667
- padding: 20px 24px 24px 24px;
2630
+ .E_l1270xpg {
2631
+ padding: 3px 8px;
2632
+ border-radius: 2px;
2633
+ }
2634
+
2635
+ .E_t14rextb {
2636
+ &.ant-tag:hover {
2637
+ opacity: unset;
2638
+ }
2639
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
2640
+ margin: 0;
2641
+ margin-right: 8px;
2642
+ display: inline-flex;
2643
+ align-items: center;
2644
+ border: none;
2645
+ & .ant-tag-close-icon {
2646
+ width: 16px;
2647
+ height: 16px;
2648
+ color: inherit;
2649
+ margin-left: 4px;
2650
+ opacity: 0.6;
2651
+ display: inline-flex;
2652
+ &:hover {
2653
+ opacity: 1;
2654
+ }
2655
+ }
2656
+ &.ant-tag-blue {
2657
+ color: $fills-light-general-general;
2658
+ background-color: $fills-light-general-general-light;
2659
+ }
2660
+ &.ant-tag-red {
2661
+ color: $fills-light-serious-serious;
2662
+ background-color: $fills-light-serious-serious-light;
2663
+ }
2664
+ &.ant-tag-yellow {
2665
+ color: $fills-light-notice-notice-dark;
2666
+ background-color: $fills-light-notice-notice-light;
2667
+ }
2668
+ &.ant-tag-green {
2669
+ color: $fills-light-positive-positive-dark;
2670
+ background-color: $fills-light-positive-positive-light;
2671
+ }
2672
+ &.ant-tag-gray {
2673
+ color: $text-light-super;
2674
+ background-color: $fills-element-light-container-general;
2675
+ }
2676
+ &.ant-tag-purple {
2677
+ color: $text-colorful-purple;
2678
+ background-color: $fill-purple-light;
2679
+ }
2680
+
2681
+ &.ui-kit-token-checked {
2682
+ color: $text-light-on-tint;
2683
+ &.ant-tag-red {
2684
+ background-color: $fills-light-serious-serious;
2685
+ }
2686
+ &.ant-tag-yellow {
2687
+ background-color: $fills-light-notice-notice;
2688
+ }
2689
+ &.ant-tag-green {
2690
+ background-color: $fills-light-positive-positive;
2691
+ }
2692
+ &.ant-tag-blue {
2693
+ background-color: $fills-light-general-general;
2694
+ }
2695
+ &.ant-tag-gray {
2696
+ background-color: $gray-70;
2697
+ }
2698
+ &.ant-tag-purple {
2699
+ background-color: $fill-purple-base;
2700
+ }
2701
+ }
2668
2702
  }
2669
2703
  }
2670
2704
 
@@ -2701,44 +2735,10 @@
2701
2735
  }
2702
2736
 
2703
2737
 
2704
- .E_m196gn1d {
2705
- min-width: 1280px;
2706
- }
2707
-
2708
-
2709
- .E_a1b5xrg3 {
2710
- .user-icon-inner {
2711
- display: inline-flex;
2712
- align-items: center;
2713
- justify-content: center;
2714
- color: $white;
2715
- font-weight: bold;
2716
- font-size: 12px;
2717
- width: 24px;
2718
- height: 24px;
2719
- border-radius: 50%;
2720
- background: var(--a1b5xrg3-0);
2721
- }
2722
- &.btn-item {
2723
- transition: all 160ms ease;
2724
- cursor: pointer;
2725
- width: 56px;
2726
- height: 40px;
2727
- display: inline-flex;
2728
- align-items: center;
2729
- justify-content: center;
2730
- border-radius: 6px;
2731
-
2732
- &:hover {
2733
- box-shadow:
2734
- 0px 0px 20px rgba(107, 125, 153, 0.18),
2735
- 0px 25px 80px rgba(45, 58, 86, 0.3);
2736
- }
2737
-
2738
- &:active {
2739
- transform: translateY(2px);
2740
- transition: all 320ms ease;
2741
- }
2738
+ .E_c1yyuluq {
2739
+ border-radius: 8px;
2740
+ .ant-card-body {
2741
+ padding: 20px 24px 24px 24px;
2742
2742
  }
2743
2743
  }
2744
2744
 
@@ -2797,6 +2797,57 @@
2797
2797
  }
2798
2798
 
2799
2799
 
2800
+ .E_ryby9ds {
2801
+ display: flex;
2802
+ align-items: center;
2803
+ .order {
2804
+ height: 24px;
2805
+ width: 24px;
2806
+ border-radius: 20px;
2807
+ color: $text-light-general;
2808
+ background: $fill-light-element-container-outstanding;
2809
+ display: flex;
2810
+ align-items: center;
2811
+ justify-content: center;
2812
+ margin-right: 6px;
2813
+ }
2814
+ }
2815
+
2816
+
2817
+ .E_m5foqp8 {
2818
+ &.medium {
2819
+ --footer-height: 96px;
2820
+ --modal-content-width: 720px;
2821
+ --modal-content-min-height: 200px;
2822
+ --modal-header-padding: 40px 60px 8px;
2823
+ --modal-content-padding-top: 24px;
2824
+ --modal-content-padding-bottom: 32px;
2825
+ --modal-content-padding-x: 60px;
2826
+ --modal-footer-padding: 0 60px;
2827
+
2828
+ &.content-full.ant-modal {
2829
+ height: calc(100vh - 80px);
2830
+ width: calc(100vw - 160px);
2831
+ .ant-modal-content {
2832
+ width: 100%;
2833
+ height: 100%;
2834
+ max-width: unset;
2835
+ max-height: unset;
2836
+ display: flex;
2837
+ flex-direction: column;
2838
+ }
2839
+ .ant-modal-body {
2840
+ flex: 1;
2841
+ }
2842
+ }
2843
+
2844
+ .initializing-title {
2845
+ height: 32px;
2846
+ }
2847
+ }
2848
+ }
2849
+
2850
+
2800
2851
  .E_hrhfj7c {
2801
2852
  display: none;
2802
2853
  }
@@ -2989,23 +3040,6 @@
2989
3040
  }
2990
3041
 
2991
3042
 
2992
- .E_ryby9ds {
2993
- display: flex;
2994
- align-items: center;
2995
- .order {
2996
- height: 24px;
2997
- width: 24px;
2998
- border-radius: 20px;
2999
- color: $text-light-general;
3000
- background: $fill-light-element-container-outstanding;
3001
- display: flex;
3002
- align-items: center;
3003
- justify-content: center;
3004
- margin-right: 6px;
3005
- }
3006
- }
3007
-
3008
-
3009
3043
  .E_s17wv897 {
3010
3044
  &.ant-select,
3011
3045
  &.ant-select div.ant-select-selector {
@@ -3108,38 +3142,6 @@
3108
3142
  }
3109
3143
 
3110
3144
 
3111
- .E_m5foqp8 {
3112
- --footer-height: 96px;
3113
- --modal-content-width: 720px;
3114
- --modal-content-min-height: 200px;
3115
- --modal-header-padding: 40px 60px 8px;
3116
- --modal-content-padding-top: 24px;
3117
- --modal-content-padding-bottom: 32px;
3118
- --modal-content-padding-x: 60px;
3119
- --modal-footer-padding: 0 60px;
3120
-
3121
- &.content-full.ant-modal {
3122
- height: calc(100vh - 80px);
3123
- width: calc(100vw - 160px);
3124
- .ant-modal-content {
3125
- width: 100%;
3126
- height: 100%;
3127
- max-width: unset;
3128
- max-height: unset;
3129
- display: flex;
3130
- flex-direction: column;
3131
- }
3132
- .ant-modal-body {
3133
- flex: 1;
3134
- }
3135
- }
3136
-
3137
- .initializing-title {
3138
- height: 32px;
3139
- }
3140
- }
3141
-
3142
-
3143
3145
  .E_s4ivdfu {
3144
3146
  &.ant-select {
3145
3147
  .ant-select-selection-placeholder {
@@ -3369,6 +3371,15 @@
3369
3371
  }
3370
3372
 
3371
3373
 
3374
+ .E_ckaaqep {
3375
+ background: #acbad399;
3376
+ content: "";
3377
+ height: 100%;
3378
+ margin: 0 6px;
3379
+ width: 1px;
3380
+ }
3381
+
3382
+
3372
3383
  .E_w1dxz879 {
3373
3384
  display: flex;
3374
3385
  flex-direction: column;
@@ -3655,15 +3666,6 @@
3655
3666
  }
3656
3667
 
3657
3668
 
3658
- .E_ckaaqep {
3659
- background: #acbad399;
3660
- content: "";
3661
- height: 100%;
3662
- margin: 0 6px;
3663
- width: 1px;
3664
- }
3665
-
3666
-
3667
3669
  .E_r77hffu {
3668
3670
  display: flex;
3669
3671
  align-items: center;
@@ -3933,30 +3935,11 @@
3933
3935
  }
3934
3936
 
3935
3937
 
3936
- .E_b14q2gmw {
3937
- box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3938
- 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
3939
- 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
3940
- 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
3941
- 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
3942
- 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
3943
- 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
3944
- 0px 6px 22px rgba(129, 138, 153, 0.0335534);
3945
- }
3946
-
3947
- .E_c1eym6el {
3948
- border-radius: 8px;
3949
- background-color: white;
3950
- &.hoverable {
3951
- cursor: pointer;
3952
-
3953
- &:hover {
3954
- transition: all 200ms ease;
3955
- box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
3956
- 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
3957
- transform: translateY(-4px);
3958
- }
3959
- }
3938
+ .E_ckui4s7 {
3939
+ color: $text-primary-light;
3940
+ line-height: 22px;
3941
+ display: inline-flex;
3942
+ .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; } } }
3960
3943
  }
3961
3944
 
3962
3945
 
@@ -4008,19 +3991,6 @@
4008
3991
  }
4009
3992
 
4010
3993
 
4011
- .E_c1yd35n {
4012
- padding: 0 12px 14px 12px;
4013
- }
4014
-
4015
-
4016
- .E_ckui4s7 {
4017
- color: $text-primary-light;
4018
- line-height: 22px;
4019
- display: inline-flex;
4020
- .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; } } }
4021
- }
4022
-
4023
-
4024
3994
  .E_t1tbywr9 {
4025
3995
  width: 100%;
4026
3996
  flex: 1;
@@ -4222,6 +4192,38 @@
4222
4192
  }
4223
4193
 
4224
4194
 
4195
+ .E_b14q2gmw {
4196
+ box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
4197
+ 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
4198
+ 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224),
4199
+ 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253),
4200
+ 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07),
4201
+ 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747),
4202
+ 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776),
4203
+ 0px 6px 22px rgba(129, 138, 153, 0.0335534);
4204
+ }
4205
+
4206
+ .E_c1eym6el {
4207
+ border-radius: 8px;
4208
+ background-color: white;
4209
+ &.hoverable {
4210
+ cursor: pointer;
4211
+
4212
+ &:hover {
4213
+ transition: all 200ms ease;
4214
+ box-shadow: 0px 9px 22px rgb(107 125 153 / 23%),
4215
+ 0px 1.12694px 2.75474px rgb(107 125 153 / 12%);
4216
+ transform: translateY(-4px);
4217
+ }
4218
+ }
4219
+ }
4220
+
4221
+
4222
+ .E_c1yd35n {
4223
+ padding: 0 12px 14px 12px;
4224
+ }
4225
+
4226
+
4225
4227
  .E_l48ei06 {
4226
4228
  @at-root {
4227
4229
  button#{&}.ant-btn,
@@ -4293,90 +4295,6 @@
4293
4295
  }
4294
4296
 
4295
4297
 
4296
- .E_l1ucdodl {
4297
- $prefix: ui-kit-status-legend;
4298
- margin: 0;
4299
- border-radius: 20px;
4300
- padding: 2px 10px;
4301
- height: 22px;
4302
- display: flex;
4303
- align-items: center;
4304
-
4305
- &.ui-kit-status-legend.on-tint {
4306
- color: $text-neutral-ontint;
4307
- }
4308
- &.tag-hover {
4309
- cursor: pointer;
4310
- }
4311
-
4312
- &.#{$prefix} {
4313
- color: $text-neutral-primary;
4314
- .#{$prefix}-icon {
4315
- margin-right: 6px;
4316
- }
4317
- .#{$prefix}-number {
4318
- margin-left: 8px;
4319
- color: #2C385299;
4320
- &.#{$prefix}-number.on-tint {
4321
- color: $text-neutral-ontint;
4322
- }
4323
- }
4324
- &.eagle-legend-blue {
4325
- .#{$prefix}-icon {
4326
- background-color: $fill-outstanding-base;
4327
- }
4328
- }
4329
- &.eagle-legend-red {
4330
- .#{$prefix}-icon {
4331
- background-color: $fill-serious-base;
4332
- }
4333
- }
4334
- &.eagle-legend-yellow {
4335
- .#{$prefix}-icon {
4336
- background-color: $fill-notice-base;
4337
- }
4338
- }
4339
- &.eagle-legend-green {
4340
- .#{$prefix}-icon {
4341
- background-color: $fill-positive-base;
4342
- }
4343
- }
4344
- &.eagle-legend-gray {
4345
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4346
- background-color: $gray-70;
4347
- }
4348
- }
4349
- &.eagle-legend-purple {
4350
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4351
- background-color: $purple-50;
4352
- }
4353
- }
4354
- }
4355
- }
4356
-
4357
- .E_s1qj66nc {
4358
- width: 8px;
4359
- height: 8px;
4360
- border-radius: 50%;
4361
- display: inline-block;
4362
- }
4363
-
4364
- .E_s5x1boq {
4365
- width: 8px;
4366
- height: 8px;
4367
- border-radius: 2px;
4368
- display: inline-block;
4369
- }
4370
-
4371
- .E_c1xm185 {
4372
- color: #2C385299;
4373
- }
4374
-
4375
- .E_c1x5l5qc {
4376
- flex: 1;
4377
- }
4378
-
4379
-
4380
4298
  .E_tc97u5y {
4381
4299
  height: 100%;
4382
4300
  }
@@ -4815,21 +4733,23 @@
4815
4733
  }
4816
4734
 
4817
4735
 
4818
- .E_sddwhm6 {
4819
- $prefix: ui-kit-status-capsule;
4736
+ .E_l1ucdodl {
4737
+ $prefix: ui-kit-status-legend;
4820
4738
  margin: 0;
4821
4739
  border-radius: 20px;
4822
4740
  padding: 2px 10px;
4823
4741
  height: 22px;
4742
+ display: flex;
4743
+ align-items: center;
4824
4744
 
4825
- &.ant-tag.#{$prefix}.off-white {
4826
- background-color: $fill-neutral-trans-1 !important;
4827
- &.tag-hover:hover,
4828
- &.__pseudo-states-hover {
4829
- background-color: $fill-neutral-trans-2 !important;
4830
- }
4745
+ &.ui-kit-status-legend.on-tint {
4746
+ color: $text-neutral-ontint;
4831
4747
  }
4832
- &.ant-tag.#{$prefix} {
4748
+ &.tag-hover {
4749
+ cursor: pointer;
4750
+ }
4751
+
4752
+ &.#{$prefix} {
4833
4753
  color: $text-neutral-primary;
4834
4754
  .#{$prefix}-icon {
4835
4755
  margin-right: 6px;
@@ -4837,58 +4757,140 @@
4837
4757
  .#{$prefix}-number {
4838
4758
  margin-left: 8px;
4839
4759
  color: #2C385299;
4760
+ &.#{$prefix}-number.on-tint {
4761
+ color: $text-neutral-ontint;
4762
+ }
4840
4763
  }
4841
- &.ant-tag-blue {
4842
- background-color: $fill-outstanding-light;
4764
+ &.eagle-legend-blue {
4843
4765
  .#{$prefix}-icon {
4844
4766
  background-color: $fill-outstanding-base;
4845
4767
  }
4846
- &.tag-hover:hover,
4847
- &.__pseudo-states-hover {
4848
- background-color: $fill-outstanding-light-hover;
4849
- }
4850
4768
  }
4851
- &.ant-tag-red {
4852
- background-color: $fill-serious-light;
4769
+ &.eagle-legend-red {
4853
4770
  .#{$prefix}-icon {
4854
4771
  background-color: $fill-serious-base;
4855
4772
  }
4856
- &.tag-hover:hover,
4857
- &.__pseudo-states-hover {
4858
- background-color: $fill-serious-light-hover;
4859
- }
4860
4773
  }
4861
- &.ant-tag-yellow {
4862
- background-color: $fill-notice-light;
4774
+ &.eagle-legend-yellow {
4863
4775
  .#{$prefix}-icon {
4864
4776
  background-color: $fill-notice-base;
4865
4777
  }
4866
- &.tag-hover:hover,
4867
- &.__pseudo-states-hover {
4868
- background-color: $fill-notice-light-hover;
4869
- }
4870
4778
  }
4871
- &.ant-tag-green {
4872
- background-color: $fill-positive-light;
4779
+ &.eagle-legend-green {
4873
4780
  .#{$prefix}-icon {
4874
4781
  background-color: $fill-positive-base;
4875
4782
  }
4876
- &.tag-hover:hover,
4877
- &.__pseudo-states-hover {
4878
- background-color: $fill-positive-light-hover;
4879
- }
4880
4783
  }
4881
- &.ant-tag-gray {
4882
- background-color: $fill-neutral-trans-2;
4883
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4784
+ &.eagle-legend-gray {
4785
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4884
4786
  background-color: $gray-70;
4885
4787
  }
4886
- &.tag-hover:hover,
4887
- &.__pseudo-states-hover {
4888
- background-color: $fill-neutral-trans-3-trans-2-hover;
4889
- }
4890
4788
  }
4891
- }
4789
+ &.eagle-legend-purple {
4790
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4791
+ background-color: $purple-50;
4792
+ }
4793
+ }
4794
+ }
4795
+ }
4796
+
4797
+ .E_s1qj66nc {
4798
+ width: 8px;
4799
+ height: 8px;
4800
+ border-radius: 50%;
4801
+ display: inline-block;
4802
+ }
4803
+
4804
+ .E_s5x1boq {
4805
+ width: 8px;
4806
+ height: 8px;
4807
+ border-radius: 2px;
4808
+ display: inline-block;
4809
+ }
4810
+
4811
+ .E_c1xm185 {
4812
+ color: #2C385299;
4813
+ }
4814
+
4815
+ .E_c1x5l5qc {
4816
+ flex: 1;
4817
+ }
4818
+
4819
+
4820
+ .E_sddwhm6 {
4821
+ $prefix: ui-kit-status-capsule;
4822
+ margin: 0;
4823
+ border-radius: 20px;
4824
+ padding: 2px 10px;
4825
+ height: 22px;
4826
+
4827
+ &.ant-tag.#{$prefix}.off-white {
4828
+ background-color: $fill-neutral-trans-1 !important;
4829
+ &.tag-hover:hover,
4830
+ &.__pseudo-states-hover {
4831
+ background-color: $fill-neutral-trans-2 !important;
4832
+ }
4833
+ }
4834
+ &.ant-tag.#{$prefix} {
4835
+ color: $text-neutral-primary;
4836
+ .#{$prefix}-icon {
4837
+ margin-right: 6px;
4838
+ }
4839
+ .#{$prefix}-number {
4840
+ margin-left: 8px;
4841
+ color: #2C385299;
4842
+ }
4843
+ &.ant-tag-blue {
4844
+ background-color: $fill-outstanding-light;
4845
+ .#{$prefix}-icon {
4846
+ background-color: $fill-outstanding-base;
4847
+ }
4848
+ &.tag-hover:hover,
4849
+ &.__pseudo-states-hover {
4850
+ background-color: $fill-outstanding-light-hover;
4851
+ }
4852
+ }
4853
+ &.ant-tag-red {
4854
+ background-color: $fill-serious-light;
4855
+ .#{$prefix}-icon {
4856
+ background-color: $fill-serious-base;
4857
+ }
4858
+ &.tag-hover:hover,
4859
+ &.__pseudo-states-hover {
4860
+ background-color: $fill-serious-light-hover;
4861
+ }
4862
+ }
4863
+ &.ant-tag-yellow {
4864
+ background-color: $fill-notice-light;
4865
+ .#{$prefix}-icon {
4866
+ background-color: $fill-notice-base;
4867
+ }
4868
+ &.tag-hover:hover,
4869
+ &.__pseudo-states-hover {
4870
+ background-color: $fill-notice-light-hover;
4871
+ }
4872
+ }
4873
+ &.ant-tag-green {
4874
+ background-color: $fill-positive-light;
4875
+ .#{$prefix}-icon {
4876
+ background-color: $fill-positive-base;
4877
+ }
4878
+ &.tag-hover:hover,
4879
+ &.__pseudo-states-hover {
4880
+ background-color: $fill-positive-light-hover;
4881
+ }
4882
+ }
4883
+ &.ant-tag-gray {
4884
+ background-color: $fill-neutral-trans-2;
4885
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4886
+ background-color: $gray-70;
4887
+ }
4888
+ &.tag-hover:hover,
4889
+ &.__pseudo-states-hover {
4890
+ background-color: $fill-neutral-trans-3-trans-2-hover;
4891
+ }
4892
+ }
4893
+ }
4892
4894
  }
4893
4895
 
4894
4896
  .E_satwmqm {
@@ -4899,6 +4901,62 @@
4899
4901
  }
4900
4902
 
4901
4903
 
4904
+ .E_lht19u8 {
4905
+ width: 64px;
4906
+ height: 64px;
4907
+ display: flex;
4908
+ align-items: center;
4909
+ justify-content: center;
4910
+ position: relative;
4911
+ opacity: 0.2;
4912
+ }
4913
+
4914
+ .E_lk3gkp4 {
4915
+ position: absolute;
4916
+ width: 5px;
4917
+ height: 48px;
4918
+ left: 9.33px;
4919
+ top: 40.5px;
4920
+
4921
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4922
+ border-radius: 5px;
4923
+ transform: rotate(-128deg);
4924
+ transform-origin: top left;
4925
+
4926
+ animation: loading-indicator1 1100ms ease-out infinite;
4927
+ }
4928
+
4929
+ .E_ll4n94n {
4930
+ position: absolute;
4931
+ width: 5px;
4932
+ height: 48px;
4933
+ left: 40.8px;
4934
+ top: 8.4px;
4935
+
4936
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4937
+ border-radius: 5px;
4938
+ transform: rotate(-8deg);
4939
+ transform-origin: top left;
4940
+
4941
+ animation: loading-indicator2 1100ms ease-out infinite;
4942
+ }
4943
+
4944
+ .E_l17lbdo6 {
4945
+ position: absolute;
4946
+ width: 5px;
4947
+ height: 48px;
4948
+ left: 52.9px;
4949
+ top: 51.8px;
4950
+
4951
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4952
+ border-radius: 5px;
4953
+ transform: rotate(112deg);
4954
+ transform-origin: top left;
4955
+
4956
+ animation: loading-indicator3 1100ms ease-out infinite;
4957
+ }
4958
+
4959
+
4902
4960
  .E_m11nzl2x {
4903
4961
  color: $text-light-secondary;
4904
4962
  text-align: center;
@@ -5318,59 +5376,15 @@
5318
5376
  }
5319
5377
 
5320
5378
 
5321
- .E_lht19u8 {
5322
- width: 64px;
5323
- height: 64px;
5324
- display: flex;
5325
- align-items: center;
5326
- justify-content: center;
5327
- position: relative;
5328
- opacity: 0.2;
5329
- }
5330
-
5331
- .E_lk3gkp4 {
5332
- position: absolute;
5333
- width: 5px;
5334
- height: 48px;
5335
- left: 9.33px;
5336
- top: 40.5px;
5337
-
5338
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
5339
- border-radius: 5px;
5340
- transform: rotate(-128deg);
5341
- transform-origin: top left;
5342
-
5343
- animation: loading-indicator1 1100ms ease-out infinite;
5344
- }
5345
-
5346
- .E_ll4n94n {
5347
- position: absolute;
5348
- width: 5px;
5349
- height: 48px;
5350
- left: 40.8px;
5351
- top: 8.4px;
5352
-
5353
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
5354
- border-radius: 5px;
5355
- transform: rotate(-8deg);
5356
- transform-origin: top left;
5357
-
5358
- animation: loading-indicator2 1100ms ease-out infinite;
5359
- }
5360
-
5361
- .E_l17lbdo6 {
5362
- position: absolute;
5363
- width: 5px;
5364
- height: 48px;
5365
- left: 52.9px;
5366
- top: 51.8px;
5367
-
5368
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
5369
- border-radius: 5px;
5370
- transform: rotate(112deg);
5371
- transform-origin: top left;
5372
-
5373
- animation: loading-indicator3 1100ms ease-out infinite;
5379
+ .E_w7ob4th {
5380
+ &.outside-tag {
5381
+ padding-left: 0;
5382
+ .inside-tag {
5383
+ border-radius: 4px 0 0 4px;
5384
+ padding-right: 4px;
5385
+ margin-right: 4px;
5386
+ }
5387
+ }
5374
5388
  }
5375
5389
 
5376
5390
 
@@ -5598,9 +5612,31 @@
5598
5612
  }
5599
5613
 
5600
5614
 
5601
- .E_i1g85yz3 {
5602
- margin-right: 4px;
5603
- height: 16px;
5615
+ .E_bpgac8u {
5616
+ color: #FFFFFF;
5617
+ display: flex;
5618
+ gap: 8px;
5619
+ padding: 8px 0;
5620
+ display: flex;
5621
+ justify-content: center;
5622
+ white-space: pre-wrap;
5623
+ align-items: center;
5624
+ .dashed-btn {
5625
+ border-bottom: 1px solid white;
5626
+ cursor: pointer;
5627
+ }
5628
+ }
5629
+
5630
+ .E_envn4g3 {
5631
+ background: #F0483E;
5632
+ }
5633
+
5634
+ .E_i12w18eu {
5635
+ background: #0080FF;
5636
+ }
5637
+
5638
+ .E_wujsnt4 {
5639
+ background-color: #E07F00;
5604
5640
  }
5605
5641
 
5606
5642
 
@@ -5636,18 +5672,6 @@
5636
5672
  }
5637
5673
 
5638
5674
 
5639
- .E_w7ob4th {
5640
- &.outside-tag {
5641
- padding-left: 0;
5642
- .inside-tag {
5643
- border-radius: 4px 0 0 4px;
5644
- padding-right: 4px;
5645
- margin-right: 4px;
5646
- }
5647
- }
5648
- }
5649
-
5650
-
5651
5675
  .E_t1dtlqs1 {
5652
5676
  margin-bottom: 4px;
5653
5677
  color: $text-secondary-light;
@@ -5866,6 +5890,12 @@
5866
5890
  }
5867
5891
 
5868
5892
 
5893
+ .E_i1g85yz3 {
5894
+ margin-right: 4px;
5895
+ height: 16px;
5896
+ }
5897
+
5898
+
5869
5899
  .E_t13ef470 {
5870
5900
  height: 100%;
5871
5901
  .table-loading-item {
@@ -5901,36 +5931,63 @@
5901
5931
  }
5902
5932
 
5903
5933
 
5904
- .E_bpgac8u {
5905
- color: #FFFFFF;
5906
- display: flex;
5907
- gap: 8px;
5908
- padding: 8px 0;
5909
- display: flex;
5910
- justify-content: center;
5911
- white-space: pre-wrap;
5912
- align-items: center;
5913
- .dashed-btn {
5914
- border-bottom: 1px solid white;
5915
- cursor: pointer;
5916
- }
5934
+ .E_b1jaupqb {
5935
+ color: #F0483E;
5917
5936
  }
5918
5937
 
5919
- .E_envn4g3 {
5920
- background: #F0483E;
5938
+
5939
+ .E_t59qhqp {
5940
+ padding: 0px;
5941
+ padding-top: 5px;
5942
+ padding-left: 5px;
5943
+
5944
+ .ant-timeline-item {
5945
+ margin-bottom: 16px;
5946
+ padding-bottom: 0px;
5947
+ }
5948
+ .ant-timeline-item-last,
5949
+ .compact.ant-timeline-item-last {
5950
+ margin-bottom: 0;
5951
+ }
5952
+ .compact.ant-timeline-item {
5953
+ margin-bottom: 12px;
5954
+ }
5955
+ .info-action {
5956
+ align-self: baseline;
5957
+ }
5921
5958
  }
5922
5959
 
5923
- .E_i12w18eu {
5924
- background: #0080FF;
5960
+ .E_t2e44lg {
5961
+ .ant-timeline-item-content {
5962
+ margin-left: 18px;
5963
+ }
5964
+ .item-time {
5965
+ display: flex;
5966
+ flex-direction: column;
5967
+ gap: 4px;
5968
+ margin-top: 4px;
5969
+ }
5970
+
5971
+ &:last-child {
5972
+ .ant-timeline-item-content {
5973
+ padding-bottom: 0;
5974
+ }
5975
+ }
5925
5976
  }
5926
5977
 
5927
- .E_wujsnt4 {
5928
- background-color: #E07F00;
5978
+ .E_e14ua30y {
5979
+ display: flex;
5980
+ flex-direction: column;
5981
+ align-items: center;
5982
+ justify-content: center;
5929
5983
  }
5930
5984
 
5985
+ .E_s1ikqzph {
5986
+ color: #2C3852BF;
5987
+ }
5931
5988
 
5932
- .E_b1jaupqb {
5933
- color: #F0483E;
5989
+ .E_i15astnl {
5990
+ color: #00122E;
5934
5991
  }
5935
5992
 
5936
5993
 
@@ -6158,94 +6215,6 @@
6158
6215
  }
6159
6216
 
6160
6217
 
6161
- .E_t59qhqp {
6162
- padding: 0px;
6163
- padding-top: 5px;
6164
- padding-left: 5px;
6165
-
6166
- .ant-timeline-item {
6167
- margin-bottom: 16px;
6168
- padding-bottom: 0px;
6169
- }
6170
- .ant-timeline-item-last,
6171
- .compact.ant-timeline-item-last {
6172
- margin-bottom: 0;
6173
- }
6174
- .compact.ant-timeline-item {
6175
- margin-bottom: 12px;
6176
- }
6177
- .info-action {
6178
- align-self: baseline;
6179
- }
6180
- }
6181
-
6182
- .E_t2e44lg {
6183
- .ant-timeline-item-content {
6184
- margin-left: 18px;
6185
- }
6186
- .item-time {
6187
- display: flex;
6188
- flex-direction: column;
6189
- gap: 4px;
6190
- margin-top: 4px;
6191
- }
6192
-
6193
- &:last-child {
6194
- .ant-timeline-item-content {
6195
- padding-bottom: 0;
6196
- }
6197
- }
6198
- }
6199
-
6200
- .E_e14ua30y {
6201
- display: flex;
6202
- flex-direction: column;
6203
- align-items: center;
6204
- justify-content: center;
6205
- }
6206
-
6207
- .E_s1ikqzph {
6208
- color: #2C3852BF;
6209
- }
6210
-
6211
- .E_i15astnl {
6212
- color: #00122E;
6213
- }
6214
-
6215
-
6216
- .E_s20iney {
6217
- &.skeleton-box {
6218
- display: flex;
6219
- align-items: center;
6220
- justify-content: center;
6221
- position: relative;
6222
- border-radius: 2px;
6223
- background: #E1E6F199;
6224
- overflow: hidden;
6225
-
6226
- & > .skeleton-shimmer {
6227
- width: 200%;
6228
- height: 200%;
6229
- transform: rotate(15deg);
6230
- position: absolute;
6231
- top: -50%;
6232
- flex-shrink: 0;
6233
- opacity: 0.8;
6234
- background: linear-gradient(
6235
- 90deg,
6236
- rgba(255, 255, 255, 0) 15%,
6237
- #FFFFFF99 50%,
6238
- rgba(255, 255, 255, 0) 85%
6239
- );
6240
-
6241
- animation: shimmer 1100ms infinite;
6242
- }
6243
-
6244
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
6245
- }
6246
- }
6247
-
6248
-
6249
6218
  .E_dxyv8bv {
6250
6219
  --footer-height: 80px;
6251
6220
  --modal-content-width: 492px;
@@ -6401,6 +6370,39 @@
6401
6370
  }
6402
6371
 
6403
6372
 
6373
+ .E_s20iney {
6374
+ &.skeleton-box {
6375
+ display: flex;
6376
+ align-items: center;
6377
+ justify-content: center;
6378
+ position: relative;
6379
+ border-radius: 2px;
6380
+ background: #E1E6F199;
6381
+ overflow: hidden;
6382
+
6383
+ & > .skeleton-shimmer {
6384
+ width: 200%;
6385
+ height: 200%;
6386
+ transform: rotate(15deg);
6387
+ position: absolute;
6388
+ top: -50%;
6389
+ flex-shrink: 0;
6390
+ opacity: 0.8;
6391
+ background: linear-gradient(
6392
+ 90deg,
6393
+ rgba(255, 255, 255, 0) 15%,
6394
+ #FFFFFF99 50%,
6395
+ rgba(255, 255, 255, 0) 85%
6396
+ );
6397
+
6398
+ animation: shimmer 1100ms infinite;
6399
+ }
6400
+
6401
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
6402
+ }
6403
+ }
6404
+
6405
+
6404
6406
  .E_sqv6dmy {
6405
6407
  display: flex;
6406
6408
  justify-content: flex-end;
@@ -6503,6 +6505,16 @@
6503
6505
  }
6504
6506
 
6505
6507
 
6508
+ .E_a9y3flr {
6509
+ margin-left: 8px;
6510
+ }
6511
+
6512
+ .E_a1njc627 {
6513
+ font-size: 12px;
6514
+ color: $text-neutral-primary;
6515
+ }
6516
+
6517
+
6506
6518
  .E_f16blduf {
6507
6519
  &.ant-form-item {
6508
6520
  margin-bottom: 0;
@@ -6529,16 +6541,6 @@
6529
6541
  }
6530
6542
 
6531
6543
 
6532
- .E_a9y3flr {
6533
- margin-left: 8px;
6534
- }
6535
-
6536
- .E_a1njc627 {
6537
- font-size: 12px;
6538
- color: $text-neutral-primary;
6539
- }
6540
-
6541
-
6542
6544
  .E_d1u4ndxc {
6543
6545
  color: #2C3852BF;
6544
6546
  font-size: 12px;
@@ -6590,30 +6592,118 @@
6590
6592
  }
6591
6593
 
6592
6594
 
6593
- .E_clm1wy1 {
6594
- width: 192px;
6595
- height: 246px;
6596
- border-radius: 4px;
6597
-
6598
- > .ant-picker-calendar,
6599
- > .ant-picker-calendar .ant-picker-panel {
6600
- width: 100%;
6601
- background-color: rgba(245, 247, 250, 0.6);
6602
- border-top: none;
6595
+ .E_skwah65 {
6596
+ height: 8px;
6597
+ box-sizing: border-box;
6598
+ border-radius: 2px;
6599
+ background: #f5f7fa;
6600
+ display: flex;
6601
+ width: 100%;
6602
+ overflow: hidden;
6603
6603
 
6604
- .ant-picker-body {
6605
- padding: 0 16px;
6606
- }
6604
+ .stack-bar-item + .stack-bar-item {
6605
+ margin-left: 1px;
6606
+ }
6607
+ }
6607
6608
 
6608
- .ant-picker-content {
6609
- width: 100%;
6610
- height: 180px;
6611
- border-spacing: 0;
6612
6609
 
6613
- thead {
6614
- margin-bottom: 8px;
6615
- }
6616
- th {
6610
+ .E_s1ebs0ra {
6611
+ display: flex;
6612
+ align-items: center;
6613
+ justify-content: space-between;
6614
+ background: $backgrounds-light-grouped;
6615
+ padding: 8px 12px;
6616
+ position: sticky;
6617
+ top: 0;
6618
+ z-index: 1;
6619
+ margin-bottom: -52px;
6620
+
6621
+ .select-total {
6622
+ display: flex;
6623
+ align-items: center;
6624
+ font-weight: 700;
6625
+ flex-shrink: 0;
6626
+
6627
+ .icon-wrapper {
6628
+ cursor: pointer;
6629
+ margin-left: 8px;
6630
+ width: 32px;
6631
+ height: 32px;
6632
+ border-radius: 50%;
6633
+ justify-content: center;
6634
+
6635
+ &:hover {
6636
+ background: $fills-light-trans-2;
6637
+ }
6638
+ }
6639
+ }
6640
+ .action-group {
6641
+ flex: 1;
6642
+ margin-left: 88px;
6643
+ white-space: nowrap;
6644
+ text-align: right;
6645
+ position: relative;
6646
+ padding: 4px 0;
6647
+ margin-top: -4px;
6648
+ overflow: hidden;
6649
+ .sub-menu-delete {
6650
+ transform: translateY(-4px);
6651
+ }
6652
+ button {
6653
+ border: none;
6654
+ }
6655
+ > *:not(:last-child) {
6656
+ margin-right: 8px;
6657
+ }
6658
+
6659
+ > button:last-child {
6660
+ margin-right: 4px;
6661
+ }
6662
+ .more-btn {
6663
+ cursor: pointer;
6664
+ width: 32px;
6665
+ height: 32px;
6666
+ justify-content: center;
6667
+ border-radius: 50%;
6668
+
6669
+ &:hover {
6670
+ background: $white;
6671
+ }
6672
+ }
6673
+ }
6674
+ }
6675
+
6676
+ .E_mzzncgx {
6677
+ display: inline-flex;
6678
+ align-items: center;
6679
+ gap: 4px;
6680
+ }
6681
+
6682
+
6683
+ .E_clm1wy1 {
6684
+ width: 192px;
6685
+ height: 246px;
6686
+ border-radius: 4px;
6687
+
6688
+ > .ant-picker-calendar,
6689
+ > .ant-picker-calendar .ant-picker-panel {
6690
+ width: 100%;
6691
+ background-color: rgba(245, 247, 250, 0.6);
6692
+ border-top: none;
6693
+
6694
+ .ant-picker-body {
6695
+ padding: 0 16px;
6696
+ }
6697
+
6698
+ .ant-picker-content {
6699
+ width: 100%;
6700
+ height: 180px;
6701
+ border-spacing: 0;
6702
+
6703
+ thead {
6704
+ margin-bottom: 8px;
6705
+ }
6706
+ th {
6617
6707
  width: 22px;
6618
6708
  }
6619
6709
  td {
@@ -6743,79 +6833,6 @@
6743
6833
  }
6744
6834
 
6745
6835
 
6746
- .E_s1ebs0ra {
6747
- display: flex;
6748
- align-items: center;
6749
- justify-content: space-between;
6750
- background: $backgrounds-light-grouped;
6751
- padding: 8px 12px;
6752
- position: sticky;
6753
- top: 0;
6754
- z-index: 1;
6755
- margin-bottom: -52px;
6756
-
6757
- .select-total {
6758
- display: flex;
6759
- align-items: center;
6760
- font-weight: 700;
6761
- flex-shrink: 0;
6762
-
6763
- .icon-wrapper {
6764
- cursor: pointer;
6765
- margin-left: 8px;
6766
- width: 32px;
6767
- height: 32px;
6768
- border-radius: 50%;
6769
- justify-content: center;
6770
-
6771
- &:hover {
6772
- background: $fills-light-trans-2;
6773
- }
6774
- }
6775
- }
6776
- .action-group {
6777
- flex: 1;
6778
- margin-left: 88px;
6779
- white-space: nowrap;
6780
- text-align: right;
6781
- position: relative;
6782
- padding: 4px 0;
6783
- margin-top: -4px;
6784
- overflow: hidden;
6785
- .sub-menu-delete {
6786
- transform: translateY(-4px);
6787
- }
6788
- button {
6789
- border: none;
6790
- }
6791
- > *:not(:last-child) {
6792
- margin-right: 8px;
6793
- }
6794
-
6795
- > button:last-child {
6796
- margin-right: 4px;
6797
- }
6798
- .more-btn {
6799
- cursor: pointer;
6800
- width: 32px;
6801
- height: 32px;
6802
- justify-content: center;
6803
- border-radius: 50%;
6804
-
6805
- &:hover {
6806
- background: $white;
6807
- }
6808
- }
6809
- }
6810
- }
6811
-
6812
- .E_mzzncgx {
6813
- display: inline-flex;
6814
- align-items: center;
6815
- gap: 4px;
6816
- }
6817
-
6818
-
6819
6836
  .E_c1up1pdz {
6820
6837
  width: 648px;
6821
6838
 
@@ -6993,15 +7010,6 @@
6993
7010
  }
6994
7011
 
6995
7012
 
6996
- .E_tqjc4ui {
6997
- @at-root {
6998
- span#{&} {
6999
- margin: 0 2px;
7000
- }
7001
- }
7002
- }
7003
-
7004
-
7005
7013
  .E_n12mqh7z {
7006
7014
  display: flex;
7007
7015
  align-items: center;
@@ -7023,339 +7031,432 @@
7023
7031
  }
7024
7032
 
7025
7033
 
7026
- .E_ou7iq30 {
7027
- overflow: hidden;
7028
- text-overflow: ellipsis;
7034
+ .E_tqjc4ui {
7035
+ @at-root {
7036
+ span#{&} {
7037
+ margin: 0 2px;
7038
+ }
7039
+ }
7029
7040
  }
7030
7041
 
7031
- .E_s1tui002 {
7032
- white-space: nowrap;
7033
- }
7034
7042
 
7035
- .E_mxrc2zg {
7036
- display: -webkit-box;
7037
- -webkit-line-clamp: var(--mxrc2zg-0);
7038
- -webkit-box-orient: vertical;
7039
- word-break: break-all;
7040
- }
7043
+ .E_t160l1cm {
7044
+ display: flex;
7045
+ flex-direction: column;
7046
+ flex: 1;
7041
7047
 
7042
- .E_t1vv6d68 {
7043
- .ant-tooltip-arrow {
7044
- display: none;
7045
- }
7046
- .ant-tooltip-inner {
7047
- background: $gray-a80-9;
7048
- border-radius: 4px;
7049
- &:has(.eagle-ellipsis-content) {
7050
- visibility: hidden;
7051
- }
7048
+ .tab-bar {
7049
+ flex-shrink: 0;
7050
+ display: flex;
7051
+ border-bottom: 1px solid $strokes-translucent-1-light;
7052
7052
  }
7053
- }
7054
7053
 
7054
+ .tab-content {
7055
+ height: 100%;
7056
+ }
7055
7057
 
7056
- .E_t1sqg15u {
7057
- background: white;
7058
+ .tab-menu-item {
7059
+ margin-right: 2px;
7060
+ padding: 1px 12px;
7061
+ line-height: 24px;
7062
+ height: 24px;
7063
+ color: $text-secondary-light;
7064
+ border-radius: 4px 4px 0 0;
7065
+ cursor: pointer;
7066
+ transition:
7067
+ color 100ms ease-out,
7068
+ background-color 100ms ease-out,
7069
+ padding-left 320ms ease 80ms;
7058
7070
 
7059
- &.inline {
7060
- .table-row {
7061
- flex-direction: column;
7071
+ &:first-child {
7072
+ padding-left: 0;
7062
7073
 
7063
- > label {
7064
- padding: 0 16px 7px 0;
7074
+ &:hover,
7075
+ &.tab-menu-item-selected {
7076
+ padding-left: 12px;
7065
7077
  }
7066
7078
  }
7067
- }
7068
7079
 
7069
- &.has-border {
7070
- .table-header {
7071
- border-bottom: 1px solid $strokes-light-trans-1;
7072
- }
7080
+ &:hover {
7081
+ color: $blue-60;
7082
+ background: $fills-trans-terdiary-light;
7073
7083
 
7074
- .hiddenBorder {
7075
- border-top: none !important;
7084
+ .expand-arrow path {
7085
+ fill: $blue-60;
7086
+ }
7076
7087
  }
7077
7088
 
7078
- .table-row + .table-row {
7079
- border-top: 1px solid $strokes-light-trans-1;
7089
+ &:active {
7090
+ background: $fills-trans-quaternary-light;
7080
7091
  }
7081
7092
 
7082
- .table-row:last-of-type {
7083
- padding-bottom: 0;
7093
+ &.ant-dropdown-open {
7094
+ color: $blue-60;
7095
+ background: $fills-trans-terdiary-light;
7096
+
7097
+ &:active {
7098
+ background: $fills-trans-quaternary-light;
7099
+ }
7100
+
7101
+ &.tab-menu-item-selected {
7102
+ background: rgba($blue-60, 0.16);
7103
+ }
7104
+
7105
+ .expand-arrow path {
7106
+ fill: $blue-60;
7107
+ }
7084
7108
  }
7085
- }
7086
7109
 
7087
- &.align-right {
7088
- .content {
7089
- text-align: right;
7110
+ &.tab-menu-item-selected {
7111
+ color: $blue-60;
7112
+ background: rgba($blue-60, 0.1);
7113
+
7114
+ &:hover {
7115
+ background: rgba($blue-60, 0.16);
7116
+ }
7117
+
7118
+ .expand-arrow path {
7119
+ fill: $blue-100;
7120
+ }
7090
7121
  }
7091
- }
7092
- .uuid-row {
7093
- display: flex;
7094
- justify-content: space-between;
7095
7122
 
7096
- .id-text {
7097
- white-space: nowrap;
7098
- overflow: hidden;
7099
- text-overflow: ellipsis;
7123
+ .expand-arrow {
7124
+ margin-left: 8px;
7125
+ height: 22px;
7126
+ }
7127
+ .expand-arrow path {
7128
+ fill: $text-secondary-light;
7100
7129
  }
7101
7130
  }
7102
- }
7103
-
7104
- .E_t4zczcp {
7105
- display: flex;
7106
- justify-content: space-between;
7107
- align-items: center;
7108
- padding: 8px;
7109
- min-height: 32px;
7110
7131
 
7111
- .table-title {
7112
- color: $text-secondary-light;
7113
- font-weight: 600;
7114
- font-size: 12px;
7115
- line-height: 8px;
7116
- }
7132
+ .tab-menu-item-group {
7133
+ padding: 0;
7134
+ display: flex;
7135
+ align-items: center;
7136
+ overflow: hidden;
7117
7137
 
7118
- .edit-icon {
7119
- font-size: 16px;
7120
- color: $strokes-translucent-2-light;
7121
- cursor: pointer;
7122
- }
7123
- }
7138
+ .main-title {
7139
+ opacity: 0;
7140
+ max-width: 0;
7141
+ transition:
7142
+ max-width 320ms ease,
7143
+ opacity 240ms ease;
7144
+ }
7124
7145
 
7125
- .E_t1s7goww {
7126
- font-size: 12px;
7127
- line-height: 18px;
7128
- }
7146
+ .sub-title {
7147
+ padding: 1px 12px;
7148
+ position: relative;
7149
+ display: flex;
7129
7150
 
7130
- .E_t93e4cf {
7131
- display: flex;
7132
- padding: 8px 0;
7133
- color: $text-primary-light;
7151
+ > .slash-arrow {
7152
+ opacity: 0;
7153
+ position: absolute;
7154
+ top: 50%;
7155
+ left: 0;
7156
+ transform: translate(-50%, -50%);
7157
+ transition: opacity 100ms linear;
7158
+ fill: rgba($blue-60, 0.2);
7159
+ }
7160
+ }
7134
7161
 
7135
- .hidden {
7136
- display: none;
7137
- }
7162
+ &.tab-menu-item-selected {
7163
+ color: $blue-60;
7138
7164
 
7139
- .ant-btn.ant-btn-link {
7140
- height: auto;
7141
- }
7165
+ .main-title {
7166
+ padding: 1px 12px;
7167
+ display: inline-block;
7168
+ opacity: 1;
7169
+ max-width: 160px;
7170
+ }
7142
7171
 
7143
- .content {
7144
- overflow: hidden;
7145
- overflow-x: auto;
7146
- width: 100%;
7147
- white-space: pre-wrap;
7172
+ .sub-title {
7173
+ padding: 1px 12px;
7174
+ color: $blue-80;
7148
7175
 
7149
- .ant-btn {
7150
- white-space: pre-wrap;
7151
- text-align: left;
7152
- }
7176
+ > .slash-arrow {
7177
+ opacity: 1;
7178
+ }
7179
+ }
7153
7180
 
7154
- .unit-chart {
7155
- justify-content: flex-start;
7181
+ &:hover,
7182
+ &:active {
7183
+ .sub-title {
7184
+ background: rgba($blue-60, 0.16);
7185
+ }
7186
+ .sub-title > .slash-arrow {
7187
+ opacity: 0;
7188
+ }
7189
+ }
7156
7190
  }
7157
7191
  }
7158
- }
7159
-
7160
- .E_rhz2uv5 {
7161
- width: var(--rhz2uv5-0);
7162
- flex-shrink: 0;
7163
- color: $text-secondary-light;
7164
- padding-right: 12px;
7165
- }
7166
7192
 
7193
+ .tab-menu-item-medium {
7194
+ &.tab-menu-item {
7195
+ padding: 4px 16px;
7196
+ height: 32px;
7197
+ border-radius: 6px 6px 0 0;
7167
7198
 
7168
- .E_s1iv0tp1 {
7169
- .enabled-switch {
7170
- display: flex;
7171
- align-items: center;
7172
- }
7199
+ &:first-child {
7200
+ padding-left: 0;
7201
+ }
7202
+ &:first-child:hover,
7203
+ &.tab-menu-item-selected:first-child {
7204
+ padding-left: 16px;
7205
+ }
7173
7206
 
7174
- .enabled-text {
7175
- margin-right: 8px;
7176
- }
7177
- }
7207
+ .expand-arrow {
7208
+ margin-left: 11px;
7209
+ height: 24px;
7210
+ }
7211
+ }
7178
7212
 
7213
+ &.tab-menu-item-group {
7214
+ padding: 0;
7179
7215
 
7180
- .E_skwah65 {
7181
- height: 8px;
7182
- box-sizing: border-box;
7183
- border-radius: 2px;
7184
- background: #f5f7fa;
7185
- display: flex;
7186
- width: 100%;
7187
- overflow: hidden;
7216
+ .sub-title {
7217
+ padding: 4px 16px;
7218
+ }
7188
7219
 
7189
- .stack-bar-item + .stack-bar-item {
7190
- margin-left: 1px;
7220
+ &.tab-menu-item-selected .sub-title,
7221
+ &.tab-menu-item-selected .main-title {
7222
+ padding: 4px 16px;
7223
+ }
7224
+ }
7191
7225
  }
7192
- }
7193
7226
 
7227
+ .tab-menu-item-light {
7228
+ &:hover,
7229
+ &:active {
7230
+ background: $white;
7231
+ }
7194
7232
 
7195
- .E_wg1tsps {
7196
- display: flex;
7197
- align-items: center;
7198
- justify-content: flex-end;
7199
- }
7200
-
7201
- .E_b1ctd5xy {
7202
- display: flex;
7203
- align-items: center;
7204
- width: calc(100% - 40px);
7233
+ &:active {
7234
+ color: $blue-80;
7235
+ }
7205
7236
 
7206
- .chart {
7207
- display: inline-block;
7208
- width: 100%;
7209
- }
7210
- }
7237
+ &.tab-menu-item.tab-menu-item-selected {
7238
+ background: $white;
7239
+ color: $blue-100;
7240
+ }
7211
7241
 
7212
- .E_u1p8acpn {
7213
- min-width: 40px;
7242
+ &.tab-menu-item-group.tab-menu-item-selected {
7243
+ .main-title {
7244
+ color: rgba($gray-80, 0.6);
7245
+ }
7214
7246
 
7215
- .unit {
7216
- color: $text-light-primary !important;
7217
- }
7218
- }
7247
+ .sub-title {
7248
+ color: $blue-100;
7249
+ }
7219
7250
 
7251
+ .sub-title > .slash-arrow {
7252
+ fill: $fills-opaque-quaternary-light;
7253
+ }
7220
7254
 
7221
- .E_s1at6qmn {
7222
- &.ant-layout-sider {
7223
- background: $backgrounds-light-grouped;
7224
- padding: 32px 8px;
7225
- overflow: auto;
7255
+ .sub-title > .expand-arrow path {
7256
+ fill: $blue-100;
7257
+ }
7258
+ }
7226
7259
  }
7227
7260
 
7228
- .ant-layout-sider-children {
7261
+ .tab-content {
7262
+ flex: 1;
7229
7263
  display: flex;
7230
7264
  flex-direction: column;
7231
- justify-content: space-between;
7232
7265
  }
7233
7266
 
7234
- footer {
7235
- display: flex;
7267
+ /* FIXME:(yanzhen) do this better */
7268
+ &.is-overview .tab-content {
7269
+ overflow: visible;
7236
7270
  }
7271
+ }
7237
7272
 
7238
- .ant-menu {
7239
- background: $backgrounds-light-grouped;
7240
- a {
7241
- color: $text-light-primary;
7242
- width: 180px;
7243
- overflow: hidden;
7244
- text-overflow: ellipsis;
7245
- }
7246
- }
7273
+ .E_t14npdqr {
7274
+ max-width: 240px;
7275
+ animation: none;
7247
7276
 
7248
- .ant-menu-vertical {
7249
- margin-bottom: 24px;
7277
+ &.ant-dropdown .ant-dropdown-menu {
7278
+ border: 1px solid $blue-60;
7279
+ padding: 0;
7250
7280
 
7251
- .ant-menu-item-group {
7252
- .ant-menu-item {
7253
- margin: 0;
7254
- }
7255
- .ant-menu-item-group-title {
7256
- font-size: 12px;
7257
- padding: 0 8px 4px;
7258
- line-height: 18px;
7281
+ .ant-dropdown-menu-item {
7282
+ margin: 0;
7283
+ height: 32px;
7284
+ line-height: 32px;
7285
+ font-size: 13px;
7286
+ padding: 0 10px;
7287
+ display: block;
7288
+ overflow: hidden;
7289
+ text-overflow: ellipsis;
7290
+ white-space: nowrap;
7259
7291
 
7260
- &:empty {
7261
- padding: 0;
7292
+ &:not(:first-child) {
7293
+ &::before {
7294
+ content: " ";
7295
+ height: 1px;
7296
+ width: calc(100% + 10px);
7297
+ background: $strokes-translucent-1-light;
7298
+ display: block;
7262
7299
  }
7263
7300
  }
7264
- &:not(:last-child) {
7265
- padding-bottom: 24px;
7266
- &.split {
7267
- margin-bottom: 24px;
7268
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7269
- }
7301
+
7302
+ &.ant-dropdown-menu-item-selected {
7303
+ color: $blue-60;
7304
+ background: transparent;
7270
7305
  }
7271
7306
  }
7307
+ }
7308
+ }
7272
7309
 
7273
- .ant-menu-item {
7274
- transition: none;
7275
- display: flex;
7276
- align-items: center;
7277
- height: 32px;
7278
- line-height: 22px;
7279
- padding: 0 8px;
7280
7310
 
7281
- > .icon-wrapper {
7282
- margin-right: 12px;
7283
- }
7311
+ .E_wg1tsps {
7312
+ display: flex;
7313
+ align-items: center;
7314
+ justify-content: flex-end;
7315
+ }
7284
7316
 
7285
- &:not(:last-child) {
7286
- margin: 0;
7287
- margin-bottom: 2px;
7288
- }
7289
- &.ant-menu-item-selected {
7290
- background: $background-selected;
7291
- box-shadow: $box-shadow-light-selected;
7292
- border-radius: 6px;
7293
- color: $text-light-on-tint;
7294
- a {
7295
- color: $text-light-on-tint;
7296
- }
7297
- }
7298
- &:not(.ant-menu-item-selected) {
7299
- &.ant-menu-item:hover,
7300
- &.ant-menu-item-active {
7301
- background: $background-onhover;
7302
- box-shadow: $box-shadow-light-onhover;
7303
- border-radius: 6px;
7304
- }
7305
- }
7306
- }
7317
+ .E_b1ctd5xy {
7318
+ display: flex;
7319
+ align-items: center;
7320
+ width: calc(100% - 40px);
7321
+
7322
+ .chart {
7323
+ display: inline-block;
7324
+ width: 100%;
7307
7325
  }
7308
7326
  }
7309
7327
 
7310
- .E_s1wu0lms {
7311
- .ant-menu-item-group-title {
7312
- white-space: nowrap;
7313
- transition: all 0s;
7328
+ .E_u1p8acpn {
7329
+ min-width: 40px;
7330
+
7331
+ .unit {
7332
+ color: $text-light-primary !important;
7314
7333
  }
7334
+ }
7315
7335
 
7316
- &.shrink {
7317
- transition: all 0s;
7318
- overflow: hidden;
7319
7336
 
7320
- .ant-menu-item-group-title {
7321
- visibility: hidden;
7337
+ .E_s1iv0tp1 {
7338
+ .enabled-switch {
7339
+ display: flex;
7340
+ align-items: center;
7341
+ }
7342
+
7343
+ .enabled-text {
7344
+ margin-right: 8px;
7345
+ }
7346
+ }
7347
+
7348
+
7349
+ .E_t1sqg15u {
7350
+ background: white;
7351
+
7352
+ &.inline {
7353
+ .table-row {
7354
+ flex-direction: column;
7355
+
7356
+ > label {
7357
+ padding: 0 16px 7px 0;
7358
+ }
7322
7359
  }
7360
+ }
7323
7361
 
7324
- .ant-menu-item {
7325
- width: 36px;
7326
- padding: 0 6px;
7362
+ &.has-border {
7363
+ .table-header {
7364
+ border-bottom: 1px solid $strokes-light-trans-1;
7365
+ }
7366
+
7367
+ .hiddenBorder {
7368
+ border-top: none !important;
7369
+ }
7370
+
7371
+ .table-row + .table-row {
7372
+ border-top: 1px solid $strokes-light-trans-1;
7373
+ }
7374
+
7375
+ .table-row:last-of-type {
7376
+ padding-bottom: 0;
7377
+ }
7378
+ }
7379
+
7380
+ &.align-right {
7381
+ .content {
7382
+ text-align: right;
7383
+ }
7384
+ }
7385
+ .uuid-row {
7386
+ display: flex;
7387
+ justify-content: space-between;
7388
+
7389
+ .id-text {
7390
+ white-space: nowrap;
7391
+ overflow: hidden;
7392
+ text-overflow: ellipsis;
7327
7393
  }
7328
7394
  }
7329
7395
  }
7330
7396
 
7331
- .E_n1ugzfva {
7397
+ .E_t4zczcp {
7332
7398
  display: flex;
7333
- place-items: center;
7334
- width: 100% !important;
7399
+ justify-content: space-between;
7400
+ align-items: center;
7401
+ padding: 8px;
7402
+ min-height: 32px;
7335
7403
 
7336
- &[disabled] {
7337
- color: rgba(0, 0, 0, 0.25) !important;
7338
- opacity: 1 !important;
7404
+ .table-title {
7405
+ color: $text-secondary-light;
7406
+ font-weight: 600;
7407
+ font-size: 12px;
7408
+ line-height: 8px;
7339
7409
  }
7340
7410
 
7341
- &.ant-btn {
7342
- width: 100%;
7343
- color: $text-light-primary;
7411
+ .edit-icon {
7412
+ font-size: 16px;
7413
+ color: $strokes-translucent-2-light;
7414
+ cursor: pointer;
7344
7415
  }
7416
+ }
7345
7417
 
7346
- .icon-wrapper {
7347
- margin-right: 12px;
7418
+ .E_t1s7goww {
7419
+ font-size: 12px;
7420
+ line-height: 18px;
7421
+ }
7422
+
7423
+ .E_t93e4cf {
7424
+ display: flex;
7425
+ padding: 8px 0;
7426
+ color: $text-primary-light;
7427
+
7428
+ .hidden {
7429
+ display: none;
7348
7430
  }
7349
7431
 
7350
- .link-title {
7351
- flex: 1;
7432
+ .ant-btn.ant-btn-link {
7433
+ height: auto;
7434
+ }
7435
+
7436
+ .content {
7352
7437
  overflow: hidden;
7353
- white-space: nowrap;
7354
- text-overflow: ellipsis;
7355
- text-align: left;
7438
+ overflow-x: auto;
7439
+ width: 100%;
7440
+ white-space: pre-wrap;
7441
+
7442
+ .ant-btn {
7443
+ white-space: pre-wrap;
7444
+ text-align: left;
7445
+ }
7446
+
7447
+ .unit-chart {
7448
+ justify-content: flex-start;
7449
+ }
7356
7450
  }
7357
7451
  }
7358
7452
 
7453
+ .E_rhz2uv5 {
7454
+ width: var(--rhz2uv5-0);
7455
+ flex-shrink: 0;
7456
+ color: $text-secondary-light;
7457
+ padding-right: 12px;
7458
+ }
7459
+
7359
7460
 
7360
7461
  .E_u15heuvq {
7361
7462
  &.content {
@@ -7376,315 +7477,172 @@
7376
7477
  }
7377
7478
 
7378
7479
 
7379
- .E_t160l1cm {
7380
- display: flex;
7381
- flex-direction: column;
7382
- flex: 1;
7480
+ .E_ou7iq30 {
7481
+ overflow: hidden;
7482
+ text-overflow: ellipsis;
7483
+ }
7383
7484
 
7384
- .tab-bar {
7385
- flex-shrink: 0;
7386
- display: flex;
7387
- border-bottom: 1px solid $strokes-translucent-1-light;
7388
- }
7389
-
7390
- .tab-content {
7391
- height: 100%;
7392
- }
7393
-
7394
- .tab-menu-item {
7395
- margin-right: 2px;
7396
- padding: 1px 12px;
7397
- line-height: 24px;
7398
- height: 24px;
7399
- color: $text-secondary-light;
7400
- border-radius: 4px 4px 0 0;
7401
- cursor: pointer;
7402
- transition:
7403
- color 100ms ease-out,
7404
- background-color 100ms ease-out,
7405
- padding-left 320ms ease 80ms;
7406
-
7407
- &:first-child {
7408
- padding-left: 0;
7409
-
7410
- &:hover,
7411
- &.tab-menu-item-selected {
7412
- padding-left: 12px;
7413
- }
7414
- }
7415
-
7416
- &:hover {
7417
- color: $blue-60;
7418
- background: $fills-trans-terdiary-light;
7419
-
7420
- .expand-arrow path {
7421
- fill: $blue-60;
7422
- }
7423
- }
7424
-
7425
- &:active {
7426
- background: $fills-trans-quaternary-light;
7427
- }
7428
-
7429
- &.ant-dropdown-open {
7430
- color: $blue-60;
7431
- background: $fills-trans-terdiary-light;
7432
-
7433
- &:active {
7434
- background: $fills-trans-quaternary-light;
7435
- }
7485
+ .E_s1tui002 {
7486
+ white-space: nowrap;
7487
+ }
7436
7488
 
7437
- &.tab-menu-item-selected {
7438
- background: rgba($blue-60, 0.16);
7439
- }
7489
+ .E_mxrc2zg {
7490
+ display: -webkit-box;
7491
+ -webkit-line-clamp: var(--mxrc2zg-0);
7492
+ -webkit-box-orient: vertical;
7493
+ word-break: break-all;
7494
+ }
7440
7495
 
7441
- .expand-arrow path {
7442
- fill: $blue-60;
7443
- }
7496
+ .E_t1vv6d68 {
7497
+ .ant-tooltip-arrow {
7498
+ display: none;
7499
+ }
7500
+ .ant-tooltip-inner {
7501
+ background: $gray-a80-9;
7502
+ border-radius: 4px;
7503
+ &:has(.eagle-ellipsis-content) {
7504
+ visibility: hidden;
7444
7505
  }
7506
+ }
7507
+ }
7445
7508
 
7446
- &.tab-menu-item-selected {
7447
- color: $blue-60;
7448
- background: rgba($blue-60, 0.1);
7449
-
7450
- &:hover {
7451
- background: rgba($blue-60, 0.16);
7452
- }
7453
-
7454
- .expand-arrow path {
7455
- fill: $blue-100;
7456
- }
7457
- }
7458
7509
 
7459
- .expand-arrow {
7460
- margin-left: 8px;
7461
- height: 22px;
7462
- }
7463
- .expand-arrow path {
7464
- fill: $text-secondary-light;
7465
- }
7510
+ .E_s1at6qmn {
7511
+ &.ant-layout-sider {
7512
+ background: $backgrounds-light-grouped;
7513
+ padding: 32px 8px;
7514
+ overflow: auto;
7466
7515
  }
7467
7516
 
7468
- .tab-menu-item-group {
7469
- padding: 0;
7517
+ .ant-layout-sider-children {
7470
7518
  display: flex;
7471
- align-items: center;
7472
- overflow: hidden;
7473
-
7474
- .main-title {
7475
- opacity: 0;
7476
- max-width: 0;
7477
- transition:
7478
- max-width 320ms ease,
7479
- opacity 240ms ease;
7480
- }
7519
+ flex-direction: column;
7520
+ justify-content: space-between;
7521
+ }
7481
7522
 
7482
- .sub-title {
7483
- padding: 1px 12px;
7484
- position: relative;
7485
- display: flex;
7523
+ footer {
7524
+ display: flex;
7525
+ }
7486
7526
 
7487
- > .slash-arrow {
7488
- opacity: 0;
7489
- position: absolute;
7490
- top: 50%;
7491
- left: 0;
7492
- transform: translate(-50%, -50%);
7493
- transition: opacity 100ms linear;
7494
- fill: rgba($blue-60, 0.2);
7495
- }
7527
+ .ant-menu {
7528
+ background: $backgrounds-light-grouped;
7529
+ a {
7530
+ color: $text-light-primary;
7531
+ width: 180px;
7532
+ overflow: hidden;
7533
+ text-overflow: ellipsis;
7496
7534
  }
7535
+ }
7497
7536
 
7498
- &.tab-menu-item-selected {
7499
- color: $blue-60;
7537
+ .ant-menu-vertical {
7538
+ margin-bottom: 24px;
7500
7539
 
7501
- .main-title {
7502
- padding: 1px 12px;
7503
- display: inline-block;
7504
- opacity: 1;
7505
- max-width: 160px;
7540
+ .ant-menu-item-group {
7541
+ .ant-menu-item {
7542
+ margin: 0;
7506
7543
  }
7544
+ .ant-menu-item-group-title {
7545
+ font-size: 12px;
7546
+ padding: 0 8px 4px;
7547
+ line-height: 18px;
7507
7548
 
7508
- .sub-title {
7509
- padding: 1px 12px;
7510
- color: $blue-80;
7511
-
7512
- > .slash-arrow {
7513
- opacity: 1;
7549
+ &:empty {
7550
+ padding: 0;
7514
7551
  }
7515
7552
  }
7516
-
7517
- &:hover,
7518
- &:active {
7519
- .sub-title {
7520
- background: rgba($blue-60, 0.16);
7521
- }
7522
- .sub-title > .slash-arrow {
7523
- opacity: 0;
7553
+ &:not(:last-child) {
7554
+ padding-bottom: 24px;
7555
+ &.split {
7556
+ margin-bottom: 24px;
7557
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7524
7558
  }
7525
7559
  }
7526
7560
  }
7527
- }
7528
7561
 
7529
- .tab-menu-item-medium {
7530
- &.tab-menu-item {
7531
- padding: 4px 16px;
7562
+ .ant-menu-item {
7563
+ transition: none;
7564
+ display: flex;
7565
+ align-items: center;
7532
7566
  height: 32px;
7533
- border-radius: 6px 6px 0 0;
7534
-
7535
- &:first-child {
7536
- padding-left: 0;
7537
- }
7538
- &:first-child:hover,
7539
- &.tab-menu-item-selected:first-child {
7540
- padding-left: 16px;
7541
- }
7542
-
7543
- .expand-arrow {
7544
- margin-left: 11px;
7545
- height: 24px;
7546
- }
7547
- }
7548
-
7549
- &.tab-menu-item-group {
7550
- padding: 0;
7551
-
7552
- .sub-title {
7553
- padding: 4px 16px;
7554
- }
7555
-
7556
- &.tab-menu-item-selected .sub-title,
7557
- &.tab-menu-item-selected .main-title {
7558
- padding: 4px 16px;
7559
- }
7560
- }
7561
- }
7562
-
7563
- .tab-menu-item-light {
7564
- &:hover,
7565
- &:active {
7566
- background: $white;
7567
- }
7568
-
7569
- &:active {
7570
- color: $blue-80;
7571
- }
7572
-
7573
- &.tab-menu-item.tab-menu-item-selected {
7574
- background: $white;
7575
- color: $blue-100;
7576
- }
7577
-
7578
- &.tab-menu-item-group.tab-menu-item-selected {
7579
- .main-title {
7580
- color: rgba($gray-80, 0.6);
7581
- }
7582
-
7583
- .sub-title {
7584
- color: $blue-100;
7585
- }
7586
-
7587
- .sub-title > .slash-arrow {
7588
- fill: $fills-opaque-quaternary-light;
7589
- }
7590
-
7591
- .sub-title > .expand-arrow path {
7592
- fill: $blue-100;
7593
- }
7594
- }
7595
- }
7596
-
7597
- .tab-content {
7598
- flex: 1;
7599
- display: flex;
7600
- flex-direction: column;
7601
- }
7602
-
7603
- /* FIXME:(yanzhen) do this better */
7604
- &.is-overview .tab-content {
7605
- overflow: visible;
7606
- }
7607
- }
7608
-
7609
- .E_t14npdqr {
7610
- max-width: 240px;
7611
- animation: none;
7612
-
7613
- &.ant-dropdown .ant-dropdown-menu {
7614
- border: 1px solid $blue-60;
7615
- padding: 0;
7567
+ line-height: 22px;
7568
+ padding: 0 8px;
7616
7569
 
7617
- .ant-dropdown-menu-item {
7618
- margin: 0;
7619
- height: 32px;
7620
- line-height: 32px;
7621
- font-size: 13px;
7622
- padding: 0 10px;
7623
- display: block;
7624
- overflow: hidden;
7625
- text-overflow: ellipsis;
7626
- white-space: nowrap;
7570
+ > .icon-wrapper {
7571
+ margin-right: 12px;
7572
+ }
7627
7573
 
7628
- &:not(:first-child) {
7629
- &::before {
7630
- content: " ";
7631
- height: 1px;
7632
- width: calc(100% + 10px);
7633
- background: $strokes-translucent-1-light;
7634
- display: block;
7574
+ &:not(:last-child) {
7575
+ margin: 0;
7576
+ margin-bottom: 2px;
7577
+ }
7578
+ &.ant-menu-item-selected {
7579
+ background: $background-selected;
7580
+ box-shadow: $box-shadow-light-selected;
7581
+ border-radius: 6px;
7582
+ color: $text-light-on-tint;
7583
+ a {
7584
+ color: $text-light-on-tint;
7635
7585
  }
7636
7586
  }
7637
-
7638
- &.ant-dropdown-menu-item-selected {
7639
- color: $blue-60;
7640
- background: transparent;
7587
+ &:not(.ant-menu-item-selected) {
7588
+ &.ant-menu-item:hover,
7589
+ &.ant-menu-item-active {
7590
+ background: $background-onhover;
7591
+ box-shadow: $box-shadow-light-onhover;
7592
+ border-radius: 6px;
7593
+ }
7641
7594
  }
7642
7595
  }
7643
7596
  }
7644
7597
  }
7645
7598
 
7599
+ .E_s1wu0lms {
7600
+ .ant-menu-item-group-title {
7601
+ white-space: nowrap;
7602
+ transition: all 0s;
7603
+ }
7646
7604
 
7647
- .E_i5w779o {
7648
- padding: 8px 0;
7605
+ &.shrink {
7606
+ transition: all 0s;
7607
+ overflow: hidden;
7649
7608
 
7650
- .col-label {
7651
- flex-shrink: unset;
7652
- * {
7653
- line-height: 18px;
7609
+ .ant-menu-item-group-title {
7610
+ visibility: hidden;
7654
7611
  }
7655
- }
7656
- .col-content {
7657
- flex: 1 1 0;
7658
- display: flex;
7659
- align-items: center;
7660
- * {
7661
- line-height: 18px;
7612
+
7613
+ .ant-menu-item {
7614
+ width: 36px;
7615
+ padding: 0 6px;
7662
7616
  }
7663
7617
  }
7664
7618
  }
7665
7619
 
7666
- .E_l18dja44 {
7667
- padding: 6px 0;
7620
+ .E_n1ugzfva {
7621
+ display: flex;
7622
+ place-items: center;
7623
+ width: 100% !important;
7668
7624
 
7669
- .col-label * {
7670
- font-size: 13px;
7671
- line-height: 20px;
7625
+ &[disabled] {
7626
+ color: rgba(0, 0, 0, 0.25) !important;
7627
+ opacity: 1 !important;
7672
7628
  }
7673
- .col-content * {
7674
- font-size: 14px;
7675
- line-height: 20px;
7629
+
7630
+ &.ant-btn {
7631
+ width: 100%;
7632
+ color: $text-light-primary;
7676
7633
  }
7677
- }
7678
7634
 
7679
- .E_c8c2hys {
7680
- display: flex;
7681
- justify-content: space-between;
7682
- flex: 1;
7683
- min-width: 0;
7684
- }
7635
+ .icon-wrapper {
7636
+ margin-right: 12px;
7637
+ }
7685
7638
 
7686
- .E_n4m6c4d {
7687
- color: $text-light-tertiary;
7639
+ .link-title {
7640
+ flex: 1;
7641
+ overflow: hidden;
7642
+ white-space: nowrap;
7643
+ text-overflow: ellipsis;
7644
+ text-align: left;
7645
+ }
7688
7646
  }
7689
7647
 
7690
7648
 
@@ -7766,6 +7724,57 @@
7766
7724
  }
7767
7725
 
7768
7726
 
7727
+ .E_h1ol2wl7 {
7728
+ font-weight: bold;
7729
+ background-color: unset;
7730
+ padding: unset;
7731
+ }
7732
+
7733
+
7734
+ .E_i5w779o {
7735
+ padding: 8px 0;
7736
+
7737
+ .col-label {
7738
+ flex-shrink: unset;
7739
+ * {
7740
+ line-height: 18px;
7741
+ }
7742
+ }
7743
+ .col-content {
7744
+ flex: 1 1 0;
7745
+ display: flex;
7746
+ align-items: center;
7747
+ * {
7748
+ line-height: 18px;
7749
+ }
7750
+ }
7751
+ }
7752
+
7753
+ .E_l18dja44 {
7754
+ padding: 6px 0;
7755
+
7756
+ .col-label * {
7757
+ font-size: 13px;
7758
+ line-height: 20px;
7759
+ }
7760
+ .col-content * {
7761
+ font-size: 14px;
7762
+ line-height: 20px;
7763
+ }
7764
+ }
7765
+
7766
+ .E_c8c2hys {
7767
+ display: flex;
7768
+ justify-content: space-between;
7769
+ flex: 1;
7770
+ min-width: 0;
7771
+ }
7772
+
7773
+ .E_n4m6c4d {
7774
+ color: $text-light-tertiary;
7775
+ }
7776
+
7777
+
7769
7778
  .E_kr6am0s {
7770
7779
  .ant-modal-body {
7771
7780
  padding: 60px 128px;
@@ -7840,64 +7849,6 @@
7840
7849
  }
7841
7850
 
7842
7851
 
7843
- .E_h1ol2wl7 {
7844
- font-weight: bold;
7845
- background-color: unset;
7846
- padding: unset;
7847
- }
7848
-
7849
-
7850
- .E_c14ouk5o {
7851
- width: 100%;
7852
- height: 100%;
7853
- display: flex;
7854
- font-size: 12px;
7855
- line-height: 18px;
7856
- padding: 8px 0;
7857
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7858
-
7859
- &:last-of-type {
7860
- box-shadow: none;
7861
- padding-bottom: 0;
7862
- }
7863
- &.collapsed {
7864
- flex-direction: column;
7865
-
7866
- .collapsed-content {
7867
- display: flex;
7868
-
7869
- > span {
7870
- flex: 1;
7871
- display: flex;
7872
- justify-content: space-between;
7873
- .ant-btn {
7874
- height: auto;
7875
- }
7876
- }
7877
- }
7878
- .extra-content {
7879
- margin-left: 162px;
7880
- }
7881
- }
7882
-
7883
- .col-label {
7884
- width: 216px;
7885
- color: $text-secondary-light;
7886
- margin-right: 12px;
7887
- flex-shrink: 0;
7888
- }
7889
-
7890
- .col-content {
7891
- color: $text-primary-light;
7892
-
7893
- /* make btn link in info row have the same height as normal text */
7894
- .ant-btn.ant-btn-link {
7895
- height: auto;
7896
- }
7897
- }
7898
- }
7899
-
7900
-
7901
7852
  .E_c1kchka8 {
7902
7853
  height: 100%;
7903
7854
  width: 100%;
@@ -8497,6 +8448,57 @@
8497
8448
  }
8498
8449
 
8499
8450
 
8451
+ .E_c14ouk5o {
8452
+ width: 100%;
8453
+ height: 100%;
8454
+ display: flex;
8455
+ font-size: 12px;
8456
+ line-height: 18px;
8457
+ padding: 8px 0;
8458
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
8459
+
8460
+ &:last-of-type {
8461
+ box-shadow: none;
8462
+ padding-bottom: 0;
8463
+ }
8464
+ &.collapsed {
8465
+ flex-direction: column;
8466
+
8467
+ .collapsed-content {
8468
+ display: flex;
8469
+
8470
+ > span {
8471
+ flex: 1;
8472
+ display: flex;
8473
+ justify-content: space-between;
8474
+ .ant-btn {
8475
+ height: auto;
8476
+ }
8477
+ }
8478
+ }
8479
+ .extra-content {
8480
+ margin-left: 162px;
8481
+ }
8482
+ }
8483
+
8484
+ .col-label {
8485
+ width: 216px;
8486
+ color: $text-secondary-light;
8487
+ margin-right: 12px;
8488
+ flex-shrink: 0;
8489
+ }
8490
+
8491
+ .col-content {
8492
+ color: $text-primary-light;
8493
+
8494
+ /* make btn link in info row have the same height as normal text */
8495
+ .ant-btn.ant-btn-link {
8496
+ height: auto;
8497
+ }
8498
+ }
8499
+ }
8500
+
8501
+
8500
8502
  .E_c1ss4prm {
8501
8503
  color: $text-light-secondary;
8502
8504
  &:is(ul, ol) {