@cloudtower/eagle 0.33.18 → 0.33.20

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 (27) hide show
  1. package/dist/cjs/core/BasicCTError/BasicCTError.style.js +5 -0
  2. package/dist/cjs/core/{CTModalFooterError → BasicCTError}/index.js +4 -10
  3. package/dist/cjs/coreX/DateRangePicker/Calendar.js +2 -2
  4. package/dist/cjs/coreX/DateRangePicker/utils.js +5 -0
  5. package/dist/cjs/index.js +2 -2
  6. package/dist/cjs/stats1.html +1 -1
  7. package/dist/components.css +1861 -1857
  8. package/dist/esm/core/BasicCTError/BasicCTError.style.js +3 -0
  9. package/dist/esm/core/{CTModalFooterError → BasicCTError}/index.js +4 -10
  10. package/dist/esm/coreX/DateRangePicker/Calendar.js +2 -2
  11. package/dist/esm/coreX/DateRangePicker/utils.js +3 -0
  12. package/dist/esm/index.js +1 -1
  13. package/dist/esm/stats1.html +1 -1
  14. package/dist/linaria.merged.scss +1880 -1876
  15. package/dist/src/core/BasicCTError/BasicCTError.style.d.ts +1 -0
  16. package/dist/src/core/{CTModalFooterError/CTModalFooterError.type.d.ts → BasicCTError/BasicCTError.type.d.ts} +3 -3
  17. package/dist/src/core/BasicCTError/index.d.ts +3 -0
  18. package/dist/src/core/index.d.ts +1 -1
  19. package/dist/src/coreX/DateRangePicker/__tests__/utils.test.d.ts +1 -0
  20. package/dist/src/coreX/DateRangePicker/utils.d.ts +7 -0
  21. package/dist/stories/docs/core/{CTModalFooterError.stories.d.ts → BasicCTError.stories.d.ts} +4 -4
  22. package/dist/style.css +1690 -1687
  23. package/package.json +4 -4
  24. package/dist/cjs/core/CTModalFooterError/CTModalFooterError.style.js +0 -5
  25. package/dist/esm/core/CTModalFooterError/CTModalFooterError.style.js +0 -3
  26. package/dist/src/core/CTModalFooterError/CTModalFooterError.style.d.ts +0 -1
  27. package/dist/src/core/CTModalFooterError/index.d.ts +0 -3
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,6 +51,108 @@
26
51
  }
27
52
 
28
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
+ .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_c1uzzomf {
115
+ margin-bottom: 16px;
116
+
117
+ .card-title {
118
+ font-size: 16px;
119
+ color: $text-secondary-light;
120
+ font-weight: 700;
121
+ line-height: 32px;
122
+ }
123
+ .card-body {
124
+ padding: 24px;
125
+ border-radius: 8px;
126
+ background: $fills-light-white;
127
+ }
128
+
129
+ .empty {
130
+ font-weight: 700;
131
+ font-size: 14px;
132
+ line-height: 22px;
133
+ color: $text-light-tertiary;
134
+ text-align: center;
135
+ }
136
+ }
137
+
138
+
139
+ .E_fzh9mnb {
140
+ width: 100%;
141
+ height: 100%;
142
+ min-height: 124px;
143
+ display: flex;
144
+ flex-direction: column;
145
+ justify-content: center;
146
+ align-items: center;
147
+
148
+ .error-text {
149
+ color: $text-terdiary-light;
150
+ margin-bottom: 16px;
151
+ font-size: 18px;
152
+ }
153
+ }
154
+
155
+
29
156
  .E_b1wx3t3t {
30
157
  &.ant-btn-icon-only {
31
158
  justify-content: center;
@@ -384,134 +511,6 @@
384
511
  }
385
512
 
386
513
 
387
- .E_m74vjol {
388
- display: flex;
389
- justify-content: space-between;
390
- width: 100%;
391
- & .action {
392
- margin-left: 16px;
393
- }
394
- }
395
-
396
- .E_a1o35uvh {
397
- &.ant-alert-closable {
398
- padding-right: 12px;
399
-
400
- .ant-alert-close-icon {
401
- height: fit-content;
402
- margin-left: 16px;
403
- }
404
- }
405
-
406
- .ant-alert-message {
407
- flex: 1;
408
- }
409
- }
410
-
411
-
412
- .E_berrcjl {
413
- color: $text-terdiary-light;
414
- margin-bottom: 4px;
415
-
416
- .breadcrumb-link {
417
- color: $text-terdiary-light;
418
- cursor: pointer;
419
- transition: color 160ms ease;
420
-
421
- &:hover {
422
- color: $blue-60;
423
- }
424
- &:active {
425
- color: $blue-80;
426
- }
427
- }
428
- }
429
-
430
-
431
- .E_c1uzzomf {
432
- margin-bottom: 16px;
433
-
434
- .card-title {
435
- font-size: 16px;
436
- color: $text-secondary-light;
437
- font-weight: 700;
438
- line-height: 32px;
439
- }
440
- .card-body {
441
- padding: 24px;
442
- border-radius: 8px;
443
- background: $fills-light-white;
444
- }
445
-
446
- .empty {
447
- font-weight: 700;
448
- font-size: 14px;
449
- line-height: 22px;
450
- color: $text-light-tertiary;
451
- text-align: center;
452
- }
453
- }
454
-
455
-
456
- .E_b1nip9bk {
457
- padding: 4px 11px;
458
- }
459
-
460
- .E_bqamoqe {
461
- white-space: nowrap;
462
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
463
-
464
- & > .ant-btn {
465
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
466
- --color: #{$text-light-general};
467
-
468
- &[disabled],
469
- &:hover[disabled] {
470
- --color: #{$text-light-general};
471
- }
472
- }
473
- }
474
-
475
- & > .ant-btn:not(:only-child) {
476
- & + .ant-btn {
477
- margin-left: 1px;
478
- }
479
-
480
- &:first-child {
481
- border-top-right-radius: 0;
482
- border-bottom-right-radius: 0;
483
- }
484
-
485
- &:last-child {
486
- border-top-left-radius: 0;
487
- border-bottom-left-radius: 0;
488
- }
489
-
490
- &:not(:first-child, :last-child) {
491
- border-radius: unset;
492
- }
493
- }
494
- }
495
-
496
-
497
- .E_d133fzv0 {
498
- .ant-dropdown-menu-item-group {
499
- .ant-dropdown-menu-item-group-title {
500
- padding: 4px 8px 0 8px;
501
- color: $text-light-secondary;
502
- font-size: 12px;
503
- }
504
- .ant-dropdown-menu-item-group-list {
505
- padding-bottom: 6px;
506
- }
507
- &:not(:first-child) {
508
- padding-top: 4px;
509
- border-top: 1px solid $strokes-light-trans-2;
510
- }
511
- }
512
- }
513
-
514
-
515
514
  .E_d1bw7c5z {
516
515
  position: relative;
517
516
  max-width: 388px;
@@ -603,107 +602,20 @@
603
602
  }
604
603
 
605
604
 
606
- .E_fzh9mnb {
607
- width: 100%;
608
- height: 100%;
609
- min-height: 124px;
610
- display: flex;
611
- flex-direction: column;
612
- justify-content: center;
613
- align-items: center;
614
-
615
- .error-text {
616
- color: $text-terdiary-light;
617
- margin-bottom: 16px;
618
- font-size: 18px;
619
- }
620
- }
621
-
622
-
623
- .E_sx1bpnu {
624
- .ant-input-sm {
625
- line-height: 18px;
626
- }
627
- }
628
-
629
-
630
- .E_ai7qkf2 {
631
- .ant-input-number-handler-wrap {
632
- display: var(--ai7qkf2-0);
633
- }
634
- .ant-input-number-input-wrap {
635
- display: inline-flex;
636
- line-height: 1.5715;
637
- height: 100%;
638
- width: 100%;
639
- }
640
-
641
- .ant-input-number-input-wrap::after {
642
- content: var(--ai7qkf2-1);
643
- display: var(--ai7qkf2-2);
644
- flex: none;
645
- align-items: center;
646
- margin-left: 4px;
647
- padding: 5px 12px 5px 0;
648
- color: rgba(44, 56, 82, 0.6);
649
- }
650
-
651
- .ant-input-number-input-wrap::before {
652
- content: var(--ai7qkf2-3);
653
- display: var(--ai7qkf2-4);
654
- flex: none;
655
- align-items: center;
656
- margin-right: 4px;
657
- cursor: auto;
658
- color: rgba(44, 56, 82, 0.6);
659
- }
660
-
661
- .ant-input-group.ant-input-group-compact > & {
662
- border-radius: 0;
663
- }
664
-
665
- &.ant-input-number {
666
- width: 100%;
667
- border-radius: 6px;
668
- }
669
- &.ant-input-number:not([disabled]) {
670
- &:focus,
671
- &:active,
672
- &.ant-input-number-focused {
673
- &.ant-input-number {
674
- border-color: $blue;
675
- box-shadow: $shadow-light-active;
676
- z-index: $input-hover-index;
677
- }
605
+ .E_d133fzv0 {
606
+ .ant-dropdown-menu-item-group {
607
+ .ant-dropdown-menu-item-group-title {
608
+ padding: 4px 8px 0 8px;
609
+ color: $text-light-secondary;
610
+ font-size: 12px;
678
611
  }
679
- &.error {
680
- &:hover,
681
- &.ant-input-number-focused {
682
- &.ant-input-number {
683
- border-color: $red;
684
- box-shadow: $shadow-light-error;
685
- }
686
- }
612
+ .ant-dropdown-menu-item-group-list {
613
+ padding-bottom: 6px;
614
+ }
615
+ &:not(:first-child) {
616
+ padding-top: 4px;
617
+ border-top: 1px solid $strokes-light-trans-2;
687
618
  }
688
- }
689
-
690
- .ant-input-number-input {
691
- height: 30px;
692
- border: 1px;
693
- padding: 5px 12px;
694
- font-size: inherit;
695
- }
696
-
697
- &.ant-input-number-lg input {
698
- height: 38px;
699
- border: 1px;
700
- padding: 8px 16px;
701
- }
702
-
703
- &.ant-input-number-sm input {
704
- height: 22px;
705
- border: 1px;
706
- padding: 2px 8px;
707
619
  }
708
620
  }
709
621
 
@@ -750,6 +662,16 @@
750
662
  }
751
663
 
752
664
 
665
+ .E_atcz0kf {
666
+ .ant-input-suffix {
667
+ margin-left: 8px;
668
+ }
669
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
670
+ padding: 2px 7px 2px 12px;
671
+ }
672
+ }
673
+
674
+
753
675
  .E_itxley7 {
754
676
  &.ant-input-group.ant-input-group-compact {
755
677
  display: flex;
@@ -805,38 +727,6 @@
805
727
  }
806
728
 
807
729
 
808
- .E_atcz0kf {
809
- .ant-input-suffix {
810
- margin-left: 8px;
811
- }
812
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
813
- padding: 2px 7px 2px 12px;
814
- }
815
- }
816
-
817
-
818
- .E_iouxfgt {
819
- display: inline-flex;
820
- align-items: center;
821
-
822
- .icon-inner {
823
- display: inline-flex;
824
- align-items: center;
825
- justify-content: center;
826
- }
827
- .icon-inner + span,
828
- span + .icon-inner.suffix {
829
- margin-left: 4px;
830
- }
831
- &.is-rotate {
832
- img,
833
- svg {
834
- animation: rotate 680ms linear infinite;
835
- }
836
- }
837
- }
838
-
839
-
840
730
  .E_a1wfy30z {
841
731
  .ant-input-number-handler-wrap {
842
732
  display: var(--a1wfy30z-0);
@@ -888,52 +778,197 @@
888
778
  }
889
779
 
890
780
 
891
- .E_owd0kml {
892
- display: inline-block;
781
+ .E_sx1bpnu {
782
+ .ant-input-sm {
783
+ line-height: 18px;
784
+ }
893
785
  }
894
786
 
895
- .E_h1jsgezc {
896
- visibility: hidden;
897
- position: absolute;
898
- }
899
787
 
788
+ .E_ai7qkf2 {
789
+ .ant-input-number-handler-wrap {
790
+ display: var(--ai7qkf2-0);
791
+ }
792
+ .ant-input-number-input-wrap {
793
+ display: inline-flex;
794
+ line-height: 1.5715;
795
+ height: 100%;
796
+ width: 100%;
797
+ }
900
798
 
901
- .E_i11gg7mj {
902
- .ant-input-prefix {
903
- margin-right: 8px;
799
+ .ant-input-number-input-wrap::after {
800
+ content: var(--ai7qkf2-1);
801
+ display: var(--ai7qkf2-2);
802
+ flex: none;
803
+ align-items: center;
804
+ margin-left: 4px;
805
+ padding: 5px 12px 5px 0;
806
+ color: rgba(44, 56, 82, 0.6);
904
807
  }
905
- .ant-input-suffix {
906
- margin-left: 8px;
808
+
809
+ .ant-input-number-input-wrap::before {
810
+ content: var(--ai7qkf2-3);
811
+ display: var(--ai7qkf2-4);
812
+ flex: none;
813
+ align-items: center;
814
+ margin-right: 4px;
815
+ cursor: auto;
816
+ color: rgba(44, 56, 82, 0.6);
907
817
  }
908
- }
909
818
 
910
- .E_cc368xp {
911
- color: $gray-120;
912
- border-right: 1px solid $gray-a60-5;
913
- margin-right: 8px;
914
- padding-right: 8px;
915
- }
819
+ .ant-input-group.ant-input-group-compact > & {
820
+ border-radius: 0;
821
+ }
916
822
 
917
- .E_i11o6xqj {
918
- display: flex;
919
- gap: 4px;
823
+ &.ant-input-number {
824
+ width: 100%;
825
+ border-radius: 6px;
826
+ }
827
+ &.ant-input-number:not([disabled]) {
828
+ &:focus,
829
+ &:active,
830
+ &.ant-input-number-focused {
831
+ &.ant-input-number {
832
+ border-color: $blue;
833
+ box-shadow: $shadow-light-active;
834
+ z-index: $input-hover-index;
835
+ }
836
+ }
837
+ &.error {
838
+ &:hover,
839
+ &.ant-input-number-focused {
840
+ &.ant-input-number {
841
+ border-color: $red;
842
+ box-shadow: $shadow-light-error;
843
+ }
844
+ }
845
+ }
846
+ }
920
847
 
921
- .icon-wrapper {
922
- cursor: pointer;
848
+ .ant-input-number-input {
849
+ height: 30px;
850
+ border: 1px;
851
+ padding: 5px 12px;
852
+ font-size: inherit;
923
853
  }
924
- }
925
854
 
926
- .E_d19ruhdj {
927
- &.icon-wrapper {
928
- cursor: not-allowed;
855
+ &.ant-input-number-lg input {
856
+ height: 38px;
857
+ border: 1px;
858
+ padding: 8px 16px;
859
+ }
860
+
861
+ &.ant-input-number-sm input {
862
+ height: 22px;
863
+ border: 1px;
864
+ padding: 2px 8px;
929
865
  }
930
866
  }
931
867
 
932
868
 
933
- .E_rapgekc {
934
- &.ant-radio-wrapper {
935
- display: inline-flex;
936
- align-items: baseline;
869
+ .E_iouxfgt {
870
+ display: inline-flex;
871
+ align-items: center;
872
+
873
+ .icon-inner {
874
+ display: inline-flex;
875
+ align-items: center;
876
+ justify-content: center;
877
+ }
878
+ .icon-inner + span,
879
+ span + .icon-inner.suffix {
880
+ margin-left: 4px;
881
+ }
882
+ &.is-rotate {
883
+ img,
884
+ svg {
885
+ animation: rotate 680ms linear infinite;
886
+ }
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_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
+ }
928
+ }
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
+ }
951
+ }
952
+ }
953
+
954
+ .E_d12rtyeg {
955
+ &.ant-dropdown .ant-dropdown-menu {
956
+ max-height: calc(100vh - 128px);
957
+ overflow-y: auto;
958
+
959
+ .ant-dropdown-menu-item {
960
+ padding: 4px 20px;
961
+ font-size: 12px;
962
+ line-height: 18px;
963
+ }
964
+ }
965
+ }
966
+
967
+
968
+ .E_rapgekc {
969
+ &.ant-radio-wrapper {
970
+ display: inline-flex;
971
+ align-items: baseline;
937
972
  white-space: pre-wrap;
938
973
 
939
974
  .ant-radio {
@@ -1155,83 +1190,108 @@
1155
1190
  }
1156
1191
 
1157
1192
 
1158
- .E_ivqqkzv {
1159
- height: 24px;
1160
- width: 56px !important;
1161
- margin-right: 4px;
1193
+ .E_i11gg7mj {
1194
+ .ant-input-prefix {
1195
+ margin-right: 8px;
1196
+ }
1197
+ .ant-input-suffix {
1198
+ margin-left: 8px;
1199
+ }
1162
1200
  }
1163
1201
 
1164
- .E_c1wk4q29 {
1165
- color: $text-secondary-light;
1166
- }
1167
-
1202
+ .E_cc368xp {
1203
+ color: $gray-120;
1204
+ border-right: 1px solid $gray-a60-5;
1205
+ margin-right: 8px;
1206
+ padding-right: 8px;
1207
+ }
1168
1208
 
1169
- .E_phljevk {
1209
+ .E_i11o6xqj {
1170
1210
  display: flex;
1171
- justify-content: space-between;
1172
- align-items: center;
1173
- padding: 10px 0;
1174
- color: $text-light-secondary;
1175
- font-size: 12px;
1176
- line-height: 24px;
1211
+ gap: 4px;
1177
1212
 
1178
- .pagination-left {
1179
- padding: 2px 8px;
1213
+ .icon-wrapper {
1214
+ cursor: pointer;
1180
1215
  }
1216
+ }
1181
1217
 
1182
- .dropdown-trigger {
1183
- display: flex;
1184
- align-items: center;
1185
- border-radius: 6px;
1186
- cursor: pointer;
1187
- transition: all 0.3s ease;
1218
+ .E_d19ruhdj {
1219
+ &.icon-wrapper {
1220
+ cursor: not-allowed;
1221
+ }
1222
+ }
1188
1223
 
1189
- &:hover {
1190
- background: $fills-interaction-light-general-hover;
1191
- color: $text-light-general;
1192
- }
1193
- .icon-inner {
1194
- margin-left: 4px;
1224
+
1225
+ .E_s1dizucg {
1226
+ &.ant-switch {
1227
+ min-width: 40px;
1228
+ height: 24px;
1229
+ background: $fills-trans-quinary-light;
1230
+ overflow: hidden;
1231
+ &:focus {
1232
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1195
1233
  }
1196
1234
  }
1235
+ &.ant-switch-small {
1236
+ min-width: 26px;
1237
+ height: 16px;
1238
+ }
1239
+ &.ant-switch-large {
1240
+ min-width: 52px;
1241
+ height: 32px;
1242
+ }
1197
1243
 
1198
- .pagination-right {
1199
- display: flex;
1200
- align-items: center;
1201
- color: $blue-60;
1202
- font-weight: bold;
1203
- .icon-inner {
1204
- margin-left: 4px;
1244
+ &.ant-switch .ant-switch-handle {
1245
+ height: 20px;
1246
+ width: 20px;
1247
+ &::before {
1248
+ border-radius: 10px;
1249
+ transition-delay: 120ms;
1205
1250
  }
1206
- .prev-btn,
1207
- .next-btn {
1208
- padding: 0 8px;
1209
- > span {
1210
- color: $text-light-general;
1211
- }
1251
+ }
1252
+ &.ant-switch-small .ant-switch-handle {
1253
+ height: 14px;
1254
+ width: 14px;
1255
+ top: 1px;
1256
+ left: 1px;
1257
+ }
1258
+ &.ant-switch-large .ant-switch-handle {
1259
+ height: 28px;
1260
+ width: 28px;
1261
+ &::before {
1262
+ border-radius: 14px;
1212
1263
  }
1264
+ }
1213
1265
 
1214
- .next-btn {
1215
- .icon-inner {
1216
- transform: rotate(180deg);
1217
- }
1218
- }
1266
+ &.ant-switch-checked {
1267
+ background-color: $green-60;
1268
+ }
1269
+ &.ant-switch-checked .ant-switch-handle {
1270
+ left: calc(100% - 20px - 2px);
1271
+ }
1272
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1273
+ left: calc(100% - 14px - 1px);
1274
+ }
1275
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1276
+ left: calc(100% - 28px - 2px);
1219
1277
  }
1220
1278
  }
1221
1279
 
1222
- .E_d12rtyeg {
1223
- &.ant-dropdown .ant-dropdown-menu {
1224
- max-height: calc(100vh - 128px);
1225
- overflow-y: auto;
1226
-
1227
- .ant-dropdown-menu-item {
1228
- padding: 4px 20px;
1229
- font-size: 12px;
1230
- line-height: 18px;
1231
- }
1280
+ .E_c1up6e3y {
1281
+ margin-left: 5px;
1232
1282
  }
1283
+
1284
+
1285
+ .E_ivqqkzv {
1286
+ height: 24px;
1287
+ width: 56px !important;
1288
+ margin-right: 4px;
1233
1289
  }
1234
1290
 
1291
+ .E_c1wk4q29 {
1292
+ color: $text-secondary-light;
1293
+ }
1294
+
1235
1295
 
1236
1296
  .E_cnujxq2 {
1237
1297
  display: flex;
@@ -2046,74 +2106,13 @@
2046
2106
  }
2047
2107
 
2048
2108
 
2049
- .E_c1yyuluq {
2050
- border-radius: 8px;
2051
- .ant-card-body {
2052
- padding: 20px 24px 24px 24px;
2109
+ .E_tju3gfj {
2110
+ .date {
2111
+ margin-right: 4px;
2053
2112
  }
2054
2113
  }
2055
2114
 
2056
2115
 
2057
- .E_s1dizucg {
2058
- &.ant-switch {
2059
- min-width: 40px;
2060
- height: 24px;
2061
- background: $fills-trans-quinary-light;
2062
- overflow: hidden;
2063
- &:focus {
2064
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
2065
- }
2066
- }
2067
- &.ant-switch-small {
2068
- min-width: 26px;
2069
- height: 16px;
2070
- }
2071
- &.ant-switch-large {
2072
- min-width: 52px;
2073
- height: 32px;
2074
- }
2075
-
2076
- &.ant-switch .ant-switch-handle {
2077
- height: 20px;
2078
- width: 20px;
2079
- &::before {
2080
- border-radius: 10px;
2081
- transition-delay: 120ms;
2082
- }
2083
- }
2084
- &.ant-switch-small .ant-switch-handle {
2085
- height: 14px;
2086
- width: 14px;
2087
- top: 1px;
2088
- left: 1px;
2089
- }
2090
- &.ant-switch-large .ant-switch-handle {
2091
- height: 28px;
2092
- width: 28px;
2093
- &::before {
2094
- border-radius: 14px;
2095
- }
2096
- }
2097
-
2098
- &.ant-switch-checked {
2099
- background-color: $green-60;
2100
- }
2101
- &.ant-switch-checked .ant-switch-handle {
2102
- left: calc(100% - 20px - 2px);
2103
- }
2104
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
2105
- left: calc(100% - 14px - 1px);
2106
- }
2107
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
2108
- left: calc(100% - 28px - 2px);
2109
- }
2110
- }
2111
-
2112
- .E_c1up6e3y {
2113
- margin-left: 5px;
2114
- }
2115
-
2116
-
2117
2116
  .E_s1sck0th {
2118
2117
  padding: 0 8px;
2119
2118
  border-radius: 4px;
@@ -2200,10 +2199,13 @@
2200
2199
  }
2201
2200
 
2202
2201
 
2203
- .E_tju3gfj {
2204
- .date {
2205
- margin-right: 4px;
2206
- }
2202
+ .E_iq1gosr {
2203
+ display: inline-block;
2204
+ }
2205
+
2206
+
2207
+ .E_m196gn1d {
2208
+ min-width: 1280px;
2207
2209
  }
2208
2210
 
2209
2211
 
@@ -2296,99 +2298,6 @@
2296
2298
  }
2297
2299
 
2298
2300
 
2299
- .E_a1b5xrg3 {
2300
- .user-icon-inner {
2301
- display: inline-flex;
2302
- align-items: center;
2303
- justify-content: center;
2304
- color: $white;
2305
- font-weight: bold;
2306
- font-size: 12px;
2307
- width: 24px;
2308
- height: 24px;
2309
- border-radius: 50%;
2310
- background: var(--a1b5xrg3-0);
2311
- }
2312
- &.btn-item {
2313
- transition: all 160ms ease;
2314
- cursor: pointer;
2315
- width: 56px;
2316
- height: 40px;
2317
- display: inline-flex;
2318
- align-items: center;
2319
- justify-content: center;
2320
- border-radius: 6px;
2321
-
2322
- &:hover {
2323
- box-shadow:
2324
- 0px 0px 20px rgba(107, 125, 153, 0.18),
2325
- 0px 25px 80px rgba(45, 58, 86, 0.3);
2326
- }
2327
-
2328
- &:active {
2329
- transform: translateY(2px);
2330
- transition: all 320ms ease;
2331
- }
2332
- }
2333
- }
2334
-
2335
-
2336
- .E_iq1gosr {
2337
- display: inline-block;
2338
- }
2339
-
2340
-
2341
- .E_ccrbeuz {
2342
- .ant-collapse-item {
2343
- border: 0px;
2344
- background-color: $fills-light-white;
2345
-
2346
- .ant-collapse-header {
2347
- padding-top: 0px;
2348
- padding-bottom: 0px;
2349
- padding-left: 0px !important;
2350
- padding-right: 24px;
2351
- .ant-collapse-arrow {
2352
- right: 0px;
2353
- }
2354
- }
2355
- .ant-collapse-content {
2356
- .ant-collapse-content-box {
2357
- padding: 0px;
2358
- }
2359
- }
2360
- }
2361
- }
2362
-
2363
- .E_c1fljvag {
2364
- .ant-collapse-item {
2365
- .ant-collapse-header {
2366
- padding-right: 0px;
2367
- cursor: default;
2368
- }
2369
- }
2370
- }
2371
-
2372
-
2373
- .E_t1m2x205 {
2374
- .ant-tooltip-arrow {
2375
- display: none;
2376
- }
2377
- .ant-tooltip-inner {
2378
- background: $gray-a80-9;
2379
- border-radius: 4px;
2380
- &:has(.eagle-ellipsis-content) {
2381
- visibility: hidden;
2382
- }
2383
- }
2384
- }
2385
-
2386
-
2387
- .E_m196gn1d {
2388
- min-width: 1280px;
2389
- }
2390
-
2391
-
2392
2301
  .E_dsnbhzf {
2393
2302
  @include Inter(bold);
2394
2303
  font-size: 32px;
@@ -2743,50 +2652,174 @@
2743
2652
  }
2744
2653
 
2745
2654
 
2746
- .E_hrhfj7c {
2747
- display: none;
2655
+ .E_a1b5xrg3 {
2656
+ .user-icon-inner {
2657
+ display: inline-flex;
2658
+ align-items: center;
2659
+ justify-content: center;
2660
+ color: $white;
2661
+ font-weight: bold;
2662
+ font-size: 12px;
2663
+ width: 24px;
2664
+ height: 24px;
2665
+ border-radius: 50%;
2666
+ background: var(--a1b5xrg3-0);
2667
+ }
2668
+ &.btn-item {
2669
+ transition: all 160ms ease;
2670
+ cursor: pointer;
2671
+ width: 56px;
2672
+ height: 40px;
2673
+ display: inline-flex;
2674
+ align-items: center;
2675
+ justify-content: center;
2676
+ border-radius: 6px;
2677
+
2678
+ &:hover {
2679
+ box-shadow:
2680
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
2681
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2682
+ }
2683
+
2684
+ &:active {
2685
+ transform: translateY(2px);
2686
+ transition: all 320ms ease;
2687
+ }
2688
+ }
2748
2689
  }
2749
2690
 
2750
- .E_dt9qoak {
2751
- .bottom {
2752
- color: $text-neutral-secondary;
2691
+
2692
+ .E_t1m2x205 {
2693
+ .ant-tooltip-arrow {
2694
+ display: none;
2753
2695
  }
2754
- .left {
2755
- min-width: 0;
2696
+ .ant-tooltip-inner {
2697
+ background: $gray-a80-9;
2698
+ border-radius: 4px;
2699
+ &:has(.eagle-ellipsis-content) {
2700
+ visibility: hidden;
2701
+ }
2756
2702
  }
2757
2703
  }
2758
2704
 
2759
- .E_crhnxq5 {
2760
- display: flex;
2761
- flex-direction: row;
2762
- justify-content: space-between;
2763
- .label {
2764
- color: $text-neutral-tertiary;
2765
- font-weight: 400;
2705
+
2706
+ .E_c1yyuluq {
2707
+ border-radius: 8px;
2708
+ .ant-card-body {
2709
+ padding: 20px 24px 24px 24px;
2766
2710
  }
2767
2711
  }
2768
2712
 
2769
- .E_c1iq43vd {
2770
- display: flex;
2771
- flex-direction: column;
2772
- justify-content: center;
2773
- align-items: center;
2774
- height: 240px;
2775
- width: 432px;
2776
- }
2777
2713
 
2778
- .E_c1h2v0a8 {
2779
- &.ant-input-affix-wrapper {
2780
- border-radius: 0px;
2781
- box-shadow: unset;
2782
- border: 0;
2783
- border-bottom: 1px solid $gray-30;
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
+ }
2784
2733
  }
2785
2734
  }
2786
2735
 
2787
- .E_cgzzd7y {
2788
- &.antd5-cascader .antd5-cascader-selector {
2789
- padding: 4px;
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_suhck3k {
2747
+ height: 24px;
2748
+ width: 24px;
2749
+ border-radius: 6px;
2750
+ padding: 4px;
2751
+ &:hover {
2752
+ background-color: $fill-outstanding-light;
2753
+ svg {
2754
+ path {
2755
+ fill: blue;
2756
+ }
2757
+ }
2758
+ }
2759
+ }
2760
+
2761
+
2762
+ .E_ryby9ds {
2763
+ display: flex;
2764
+ align-items: center;
2765
+ .order {
2766
+ height: 24px;
2767
+ width: 24px;
2768
+ border-radius: 20px;
2769
+ color: $text-light-general;
2770
+ background: $fill-light-element-container-outstanding;
2771
+ display: flex;
2772
+ align-items: center;
2773
+ justify-content: center;
2774
+ margin-right: 6px;
2775
+ }
2776
+ }
2777
+
2778
+
2779
+ .E_hrhfj7c {
2780
+ display: none;
2781
+ }
2782
+
2783
+ .E_dt9qoak {
2784
+ .bottom {
2785
+ color: $text-neutral-secondary;
2786
+ }
2787
+ .left {
2788
+ min-width: 0;
2789
+ }
2790
+ }
2791
+
2792
+ .E_crhnxq5 {
2793
+ display: flex;
2794
+ flex-direction: row;
2795
+ justify-content: space-between;
2796
+ .label {
2797
+ color: $text-neutral-tertiary;
2798
+ font-weight: 400;
2799
+ }
2800
+ }
2801
+
2802
+ .E_c1iq43vd {
2803
+ display: flex;
2804
+ flex-direction: column;
2805
+ justify-content: center;
2806
+ align-items: center;
2807
+ height: 240px;
2808
+ width: 432px;
2809
+ }
2810
+
2811
+ .E_c1h2v0a8 {
2812
+ &.ant-input-affix-wrapper {
2813
+ border-radius: 0px;
2814
+ box-shadow: unset;
2815
+ border: 0;
2816
+ border-bottom: 1px solid $gray-30;
2817
+ }
2818
+ }
2819
+
2820
+ .E_cgzzd7y {
2821
+ &.antd5-cascader .antd5-cascader-selector {
2822
+ padding: 4px;
2790
2823
  &:after {
2791
2824
  line-height: normal;
2792
2825
  }
@@ -3037,39 +3070,6 @@
3037
3070
  }
3038
3071
 
3039
3072
 
3040
- .E_suhck3k {
3041
- height: 24px;
3042
- width: 24px;
3043
- border-radius: 6px;
3044
- padding: 4px;
3045
- &:hover {
3046
- background-color: $fill-outstanding-light;
3047
- svg {
3048
- path {
3049
- fill: blue;
3050
- }
3051
- }
3052
- }
3053
- }
3054
-
3055
-
3056
- .E_ryby9ds {
3057
- display: flex;
3058
- align-items: center;
3059
- .order {
3060
- height: 24px;
3061
- width: 24px;
3062
- border-radius: 20px;
3063
- color: $text-light-general;
3064
- background: $fill-light-element-container-outstanding;
3065
- display: flex;
3066
- align-items: center;
3067
- justify-content: center;
3068
- margin-right: 6px;
3069
- }
3070
- }
3071
-
3072
-
3073
3073
  .E_s4ivdfu {
3074
3074
  &.ant-select {
3075
3075
  .ant-select-selection-placeholder {
@@ -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,11 +3569,115 @@
3585
3569
  }
3586
3570
 
3587
3571
 
3572
+ .E_w1dxz879 {
3573
+ display: flex;
3574
+ flex-direction: column;
3575
+ gap: 6px;
3576
+ .ellipsis-tooltip {
3577
+ max-height: var(--w1dxz879-0);
3578
+ text-overflow: clip;
3579
+ overflow: hidden;
3580
+ }
3581
+ .tips {
3582
+ color: #fff;
3583
+ opacity: 0.8;
3584
+ }
3585
+ }
3586
+
3587
+
3588
+ .E_s11wux3h {
3589
+ .antd5-segmented-item:not(:last-child) {
3590
+ margin-right: 2px;
3591
+ }
3592
+ }
3593
+
3594
+ .E_s1t2an3z {
3595
+ &.antd5-segmented-sm .antd5-segmented-item-label {
3596
+ padding-left: 8px;
3597
+ padding-right: 8px;
3598
+ font-size: 12px;
3599
+ }
3600
+
3601
+ &.antd5-segmented-sm .antd5-segmented-item-selected {
3602
+ border-radius: 4px;
3603
+ }
3604
+
3605
+ &.antd5-segmented
3606
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3607
+ .antd5-segmented-item-disabled
3608
+ ) {
3609
+ border-radius: 4px;
3610
+ }
3611
+ }
3612
+
3613
+ .E_ma64lna {
3614
+ .antd5-segmented-item-label {
3615
+ padding-left: 12px;
3616
+ padding-right: 12px;
3617
+ }
3618
+ }
3619
+
3620
+ .E_ckld275 {
3621
+ background-color: $fill-neutral-trans-2;
3622
+ &.antd5-segmented
3623
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3624
+ .antd5-segmented-item-disabled
3625
+ ) {
3626
+ background-color: $fill-neutral-light-white;
3627
+ color: $text-neutral-secondary-light;
3628
+ }
3629
+ // on animate remove hover bg color
3630
+ &.antd5-segmented
3631
+ .antd5-segmented-thumb
3632
+ ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3633
+ .antd5-segmented-item-disabled
3634
+ ) {
3635
+ background-color: transparent;
3636
+ }
3637
+ // remove after's bg color
3638
+ &.antd5-segmented
3639
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3640
+ .antd5-segmented-item-disabled
3641
+ )::after {
3642
+ background-color: transparent;
3643
+ }
3644
+ }
3645
+
3646
+
3647
+ .E_r77hffu {
3648
+ display: flex;
3649
+ align-items: center;
3650
+ justify-content: space-between;
3651
+ column-gap: 6px;
3652
+ }
3653
+
3654
+ .E_p1cmxsf7 {
3655
+ display: flex;
3656
+ flex-direction: column;
3657
+ justify-content: center;
3658
+ row-gap: var(--p1cmxsf7-0);
3659
+
3660
+ .antd5-progress-line {
3661
+ font-size: 0;
3662
+ margin-bottom: unset;
3663
+ margin-inline-end: unset;
3664
+ }
3665
+ }
3666
+
3667
+
3588
3668
  .E_c1yd35n {
3589
3669
  padding: 0 12px 14px 12px;
3590
3670
  }
3591
3671
 
3592
3672
 
3673
+ .E_ckui4s7 {
3674
+ color: $text-primary-light;
3675
+ line-height: 22px;
3676
+ display: inline-flex;
3677
+ .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; } } }
3678
+ }
3679
+
3680
+
3593
3681
  .E_c1kghdax {
3594
3682
  color: $text-primary-light;
3595
3683
  padding: 7px 12px;
@@ -3638,14 +3726,6 @@
3638
3726
  }
3639
3727
 
3640
3728
 
3641
- .E_ckui4s7 {
3642
- color: $text-primary-light;
3643
- line-height: 22px;
3644
- display: inline-flex;
3645
- .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; } } }
3646
- }
3647
-
3648
-
3649
3729
  .E_b14q2gmw {
3650
3730
  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
3651
3731
  0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
@@ -3673,244 +3753,9 @@
3673
3753
  }
3674
3754
 
3675
3755
 
3676
- .E_r77hffu {
3677
- display: flex;
3678
- align-items: center;
3679
- justify-content: space-between;
3680
- column-gap: 6px;
3681
- }
3682
-
3683
- .E_p1cmxsf7 {
3684
- display: flex;
3685
- flex-direction: column;
3686
- justify-content: center;
3687
- row-gap: var(--p1cmxsf7-0);
3688
-
3689
- .antd5-progress-line {
3690
- font-size: 0;
3691
- margin-bottom: unset;
3692
- margin-inline-end: unset;
3693
- }
3694
- }
3695
-
3696
-
3697
- .E_s11wux3h {
3698
- .antd5-segmented-item:not(:last-child) {
3699
- margin-right: 2px;
3700
- }
3701
- }
3702
-
3703
- .E_s1t2an3z {
3704
- &.antd5-segmented-sm .antd5-segmented-item-label {
3705
- padding-left: 8px;
3706
- padding-right: 8px;
3707
- font-size: 12px;
3708
- }
3709
-
3710
- &.antd5-segmented-sm .antd5-segmented-item-selected {
3711
- border-radius: 4px;
3712
- }
3713
-
3714
- &.antd5-segmented
3715
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3716
- .antd5-segmented-item-disabled
3717
- ) {
3718
- border-radius: 4px;
3719
- }
3720
- }
3721
-
3722
- .E_ma64lna {
3723
- .antd5-segmented-item-label {
3724
- padding-left: 12px;
3725
- padding-right: 12px;
3726
- }
3727
- }
3728
-
3729
- .E_ckld275 {
3730
- background-color: $fill-neutral-trans-2;
3731
- &.antd5-segmented
3732
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3733
- .antd5-segmented-item-disabled
3734
- ) {
3735
- background-color: $fill-neutral-light-white;
3736
- color: $text-neutral-secondary-light;
3737
- }
3738
- // on animate remove hover bg color
3739
- &.antd5-segmented
3740
- .antd5-segmented-thumb
3741
- ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3742
- .antd5-segmented-item-disabled
3743
- ) {
3744
- background-color: transparent;
3745
- }
3746
- // remove after's bg color
3747
- &.antd5-segmented
3748
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3749
- .antd5-segmented-item-disabled
3750
- )::after {
3751
- background-color: transparent;
3752
- }
3753
- }
3754
-
3755
-
3756
- .E_l1ucdodl {
3757
- $prefix: ui-kit-status-legend;
3758
- margin: 0;
3759
- border-radius: 20px;
3760
- padding: 2px 10px;
3761
- height: 22px;
3762
- display: flex;
3763
- align-items: center;
3764
-
3765
- &.ui-kit-status-legend.on-tint {
3766
- color: $text-neutral-ontint;
3767
- }
3768
- &.tag-hover {
3769
- cursor: pointer;
3770
- }
3771
-
3772
- &.#{$prefix} {
3773
- color: $text-neutral-primary;
3774
- .#{$prefix}-icon {
3775
- margin-right: 6px;
3776
- }
3777
- .#{$prefix}-number {
3778
- margin-left: 8px;
3779
- color: #2C385299;
3780
- &.#{$prefix}-number.on-tint {
3781
- color: $text-neutral-ontint;
3782
- }
3783
- }
3784
- &.eagle-legend-blue {
3785
- .#{$prefix}-icon {
3786
- background-color: $fill-outstanding-base;
3787
- }
3788
- }
3789
- &.eagle-legend-red {
3790
- .#{$prefix}-icon {
3791
- background-color: $fill-serious-base;
3792
- }
3793
- }
3794
- &.eagle-legend-yellow {
3795
- .#{$prefix}-icon {
3796
- background-color: $fill-notice-base;
3797
- }
3798
- }
3799
- &.eagle-legend-green {
3800
- .#{$prefix}-icon {
3801
- background-color: $fill-positive-base;
3802
- }
3803
- }
3804
- &.eagle-legend-gray {
3805
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
3806
- background-color: $gray-70;
3807
- }
3808
- }
3809
- &.eagle-legend-purple {
3810
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
3811
- background-color: $purple-50;
3812
- }
3813
- }
3814
- }
3815
- }
3816
-
3817
- .E_s1qj66nc {
3818
- width: 8px;
3819
- height: 8px;
3820
- border-radius: 50%;
3821
- display: inline-block;
3822
- }
3823
-
3824
- .E_s5x1boq {
3825
- width: 8px;
3826
- height: 8px;
3827
- border-radius: 2px;
3828
- display: inline-block;
3829
- }
3830
-
3831
- .E_c1xm185 {
3832
- color: #2C385299;
3833
- }
3834
-
3835
- .E_c1x5l5qc {
3836
- flex: 1;
3837
- }
3838
-
3839
-
3840
- .E_l48ei06 {
3841
- @at-root {
3842
- button#{&}.ant-btn,
3843
- button#{&}.ant-btn.ant-btn-sm,
3844
- button#{&}.ant-btn.ant-btn-lg {
3845
- font-size: 12px;
3846
- line-height: 18px;
3847
- height: 18px;
3848
- }
3849
- button#{&} {
3850
- color: #0080FF;
3851
- height: unset;
3852
- .button-prefix-icon {
3853
- margin-right: 4px;
3854
- }
3855
- .button-suffix-icon {
3856
- margin-left: 4px;
3857
- }
3858
-
3859
- &:hover,
3860
- &.__pseudo-states-hover {
3861
- color: #009DFF;
3862
- }
3863
-
3864
- &:active,
3865
- &.__pseudo-states-active {
3866
- color: #005ED1;
3867
- }
3868
- &.ui-kit-link-disabled {
3869
- color: #0080FF;
3870
- }
3871
- &.ui-kit-link-primary {
3872
- color: #00122E;
3873
-
3874
- &:hover,
3875
- &.__pseudo-states-hover {
3876
- color: #0080FF;
3877
- }
3878
-
3879
- &:active,
3880
- &.__pseudo-states-active {
3881
- color: #005ED1;
3882
- }
3883
-
3884
- &.ui-kit-link-disabled {
3885
- color: #00122E;
3886
- }
3887
- }
3888
-
3889
- &.ui-kit-link-secondary {
3890
- color: #2C3852BF;
3891
-
3892
- &:hover,
3893
- &.__pseudo-states-hover {
3894
- color: #0080FF;
3895
- }
3896
-
3897
- &:active,
3898
- &.__pseudo-states-active {
3899
- color: #005ED1;
3900
- }
3901
-
3902
- &.ui-kit-link-disabled {
3903
- color: #2C3852BF;
3904
- }
3905
- }
3906
- }
3907
- }
3908
- }
3909
-
3910
-
3911
- .E_lht19u8 {
3912
- width: 64px;
3913
- height: 64px;
3756
+ .E_lht19u8 {
3757
+ width: 64px;
3758
+ height: 64px;
3914
3759
  display: flex;
3915
3760
  align-items: center;
3916
3761
  justify-content: center;
@@ -4192,95 +4037,11 @@
4192
4037
  }
4193
4038
 
4194
4039
 
4195
- .E_sddwhm6 {
4196
- $prefix: ui-kit-status-capsule;
4197
- margin: 0;
4198
- border-radius: 20px;
4199
- padding: 2px 10px;
4200
- height: 22px;
4201
-
4202
- &.ant-tag.#{$prefix}.off-white {
4203
- background-color: $fill-neutral-trans-1 !important;
4204
- &.tag-hover:hover,
4205
- &.__pseudo-states-hover {
4206
- background-color: $fill-neutral-trans-2 !important;
4207
- }
4208
- }
4209
- &.ant-tag.#{$prefix} {
4210
- color: $text-neutral-primary;
4211
- .#{$prefix}-icon {
4212
- margin-right: 6px;
4213
- }
4214
- .#{$prefix}-number {
4215
- margin-left: 8px;
4216
- color: #2C385299;
4217
- }
4218
- &.ant-tag-blue {
4219
- background-color: $fill-outstanding-light;
4220
- .#{$prefix}-icon {
4221
- background-color: $fill-outstanding-base;
4222
- }
4223
- &.tag-hover:hover,
4224
- &.__pseudo-states-hover {
4225
- background-color: $fill-outstanding-light-hover;
4226
- }
4227
- }
4228
- &.ant-tag-red {
4229
- background-color: $fill-serious-light;
4230
- .#{$prefix}-icon {
4231
- background-color: $fill-serious-base;
4232
- }
4233
- &.tag-hover:hover,
4234
- &.__pseudo-states-hover {
4235
- background-color: $fill-serious-light-hover;
4236
- }
4237
- }
4238
- &.ant-tag-yellow {
4239
- background-color: $fill-notice-light;
4240
- .#{$prefix}-icon {
4241
- background-color: $fill-notice-base;
4242
- }
4243
- &.tag-hover:hover,
4244
- &.__pseudo-states-hover {
4245
- background-color: $fill-notice-light-hover;
4246
- }
4247
- }
4248
- &.ant-tag-green {
4249
- background-color: $fill-positive-light;
4250
- .#{$prefix}-icon {
4251
- background-color: $fill-positive-base;
4252
- }
4253
- &.tag-hover:hover,
4254
- &.__pseudo-states-hover {
4255
- background-color: $fill-positive-light-hover;
4256
- }
4257
- }
4258
- &.ant-tag-gray {
4259
- background-color: $fill-neutral-trans-2;
4260
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4261
- background-color: $gray-70;
4262
- }
4263
- &.tag-hover:hover,
4264
- &.__pseudo-states-hover {
4265
- background-color: $fill-neutral-trans-3-trans-2-hover;
4266
- }
4267
- }
4268
- }
4269
- }
4270
-
4271
- .E_satwmqm {
4272
- width: 8px;
4273
- height: 8px;
4274
- border-radius: 50%;
4275
- display: inline-block;
4276
- }
4277
-
4278
-
4279
- .E_t1gvlxt5 {
4280
- min-width: 0;
4281
- flex: 1;
4282
- .tag {
4283
- flex: 0 0 auto;
4040
+ .E_t1gvlxt5 {
4041
+ min-width: 0;
4042
+ flex: 1;
4043
+ .tag {
4044
+ flex: 0 0 auto;
4284
4045
  }
4285
4046
  .progress-title {
4286
4047
  flex: 2;
@@ -4480,229 +4241,256 @@
4480
4241
  }
4481
4242
 
4482
4243
 
4483
- .E_sjob3jg {
4484
- $item: ant-steps-item;
4485
- --item-min-width: 60px;
4486
- .#{$item} {
4487
- &-tail,
4488
- &-icon {
4489
- display: none !important;
4490
- }
4491
- }
4492
- .#{$item}.#{$item}-active {
4493
- flex-shrink: 0 !important;
4494
- .step-item-prefix-container {
4495
- color: $text-colorful-outstanding;
4496
- }
4497
- .#{$item}-container .#{$item}-content .#{$item}-title {
4498
- color: $text-colorful-outstanding;
4499
- font-weight: normal;
4500
- }
4501
- }
4502
- .#{$item}.#{$item}-finish {
4503
- .#{$item}-container .#{$item}-content .#{$item}-title,
4504
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4505
- color: $text-neutral-tertiary;
4506
- }
4507
- }
4508
- .#{$item}.#{$item}-wait {
4509
- .#{$item}-container .#{$item}-content .#{$item}-title {
4510
- color: $text-neutral-primary;
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;
4511
4251
  }
4512
4252
  }
4513
- .step-item-text {
4514
- display: inline-block;
4515
- }
4516
- .step-item-title {
4517
- overflow: hidden;
4518
- white-space: nowrap;
4519
- text-overflow: ellipsis;
4520
- }
4521
4253
  }
4522
4254
 
4523
- .E_hjvj6s6 {
4524
- $item: ant-steps-item;
4525
- @mixin rightTriangle($color: $fills-light-trans-1) {
4526
- content: "";
4527
- width: 0;
4528
- height: 0;
4529
- border: 13px solid transparent;
4530
- position: absolute;
4531
- top: 0;
4532
- border-left: 8px solid $color;
4533
- }
4534
- .#{$item}-container {
4535
- min-width: var(--item-min-width);
4536
- }
4537
- .#{$item}-disabled {
4538
- cursor: not-allowed !important;
4539
- }
4540
- .ant-steps-horizontal.ant-steps-label-horizontal {
4541
- flex-direction: row;
4542
- justify-content: stretch;
4543
- .#{$item} {
4544
- padding: 0;
4545
- margin-right: 4px;
4546
- flex: 1;
4547
- overflow: visible;
4548
- .#{$item}-content {
4549
- width: 100%;
4550
- min-height: unset;
4551
- .#{$item}-title {
4552
- height: 26px;
4553
- line-height: 26px;
4554
- width: 100%;
4555
- padding: 0;
4556
- font-size: 12px;
4557
- .step-count {
4558
- margin-right: 10px;
4559
- }
4560
- &::after {
4561
- display: none;
4562
- }
4563
- }
4255
+
4256
+ .E_l48ei06 {
4257
+ @at-root {
4258
+ button#{&}.ant-btn,
4259
+ button#{&}.ant-btn.ant-btn-sm,
4260
+ button#{&}.ant-btn.ant-btn-lg {
4261
+ font-size: 12px;
4262
+ line-height: 18px;
4263
+ height: 18px;
4264
+ }
4265
+ button#{&} {
4266
+ color: #0080FF;
4267
+ height: unset;
4268
+ .button-prefix-icon {
4269
+ margin-right: 4px;
4564
4270
  }
4565
- &:first-child {
4566
- .#{$item}-container {
4567
- padding-left: 8px;
4568
- padding-right: 4px;
4569
- border-radius: 4px 0 0 4px;
4570
- }
4271
+ .button-suffix-icon {
4272
+ margin-left: 4px;
4571
4273
  }
4572
- &:last-child {
4573
- margin-right: 0;
4574
- .#{$item}-container {
4575
- padding-right: 8px;
4576
- padding-left: 12px;
4577
- border-radius: 0 4px 4px 0;
4578
- }
4274
+
4275
+ &:hover,
4276
+ &.__pseudo-states-hover {
4277
+ color: #009DFF;
4579
4278
  }
4580
- &:not(&:last-child) {
4581
- &::after {
4582
- @include rightTriangle();
4583
- z-index: 2;
4584
- position: relative;
4585
- top: -50%;
4586
- right: -100%;
4587
- }
4279
+
4280
+ &:active,
4281
+ &.__pseudo-states-active {
4282
+ color: #005ED1;
4588
4283
  }
4589
- &:not(:first-child):not(:last-child) {
4590
- .#{$item}-container {
4591
- padding: 0 4px 0 12px;
4592
- }
4284
+ &.ui-kit-link-disabled {
4285
+ color: #0080FF;
4593
4286
  }
4594
- &:not(&:first-child) {
4595
- &::before {
4596
- @include rightTriangle(#fff);
4597
- left: 0;
4287
+ &.ui-kit-link-primary {
4288
+ color: #00122E;
4289
+
4290
+ &:hover,
4291
+ &.__pseudo-states-hover {
4292
+ color: #0080FF;
4293
+ }
4294
+
4295
+ &:active,
4296
+ &.__pseudo-states-active {
4297
+ color: #005ED1;
4298
+ }
4299
+
4300
+ &.ui-kit-link-disabled {
4301
+ color: #00122E;
4598
4302
  }
4599
4303
  }
4600
- }
4601
- .#{$item}-active {
4602
- max-width: calc(100% - var(--item-min-width) * 2);
4603
- .#{$item}-container {
4604
- background-color: $fills-light-general-general-light;
4605
- }
4606
- &::after {
4607
- border-left-color: $fills-light-general-general-light !important;
4304
+
4305
+ &.ui-kit-link-secondary {
4306
+ color: #2C3852BF;
4307
+
4308
+ &:hover,
4309
+ &.__pseudo-states-hover {
4310
+ color: #0080FF;
4311
+ }
4312
+
4313
+ &:active,
4314
+ &.__pseudo-states-active {
4315
+ color: #005ED1;
4316
+ }
4317
+
4318
+ &.ui-kit-link-disabled {
4319
+ color: #2C3852BF;
4320
+ }
4608
4321
  }
4609
4322
  }
4610
- .#{$item}-finish {
4611
- cursor: pointer;
4612
- min-width: var(--item-min-width);
4613
- }
4614
- .#{$item}-wait,
4615
- .#{$item}-finish {
4616
- min-width: var(--item-min-width);
4617
- .#{$item}-container {
4618
- background-color: $fills-light-trans-1;
4619
- }
4620
- }
4621
- }
4622
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4623
- .ant-steps-vertical
4624
- )
4625
- .#{$item} {
4626
- padding: 0;
4627
4323
  }
4628
4324
  }
4629
4325
 
4630
- .E_v4tv3mf {
4631
- $item: ant-steps-item;
4632
- .ant-steps.ant-steps-vertical {
4633
- width: 192px;
4634
- row-gap: 2px;
4635
4326
 
4636
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
4637
- &:hover {
4638
- background-color: $fill-neutral-trans-2;
4327
+ .E_l1ucdodl {
4328
+ $prefix: ui-kit-status-legend;
4329
+ margin: 0;
4330
+ border-radius: 20px;
4331
+ padding: 2px 10px;
4332
+ height: 22px;
4333
+ display: flex;
4334
+ align-items: center;
4335
+
4336
+ &.ui-kit-status-legend.on-tint {
4337
+ color: $text-neutral-ontint;
4338
+ }
4339
+ &.tag-hover {
4340
+ cursor: pointer;
4341
+ }
4342
+
4343
+ &.#{$prefix} {
4344
+ color: $text-neutral-primary;
4345
+ .#{$prefix}-icon {
4346
+ margin-right: 6px;
4347
+ }
4348
+ .#{$prefix}-number {
4349
+ margin-left: 8px;
4350
+ color: #2C385299;
4351
+ &.#{$prefix}-number.on-tint {
4352
+ color: $text-neutral-ontint;
4639
4353
  }
4640
- .#{$item}-title {
4641
- color: $text-neutral-primary !important;
4354
+ }
4355
+ &.eagle-legend-blue {
4356
+ .#{$prefix}-icon {
4357
+ background-color: $fill-outstanding-base;
4642
4358
  }
4643
4359
  }
4644
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4645
- .#{$item}-container:hover {
4646
- background-color: $fill-neutral-trans-2;
4360
+ &.eagle-legend-red {
4361
+ .#{$prefix}-icon {
4362
+ background-color: $fill-serious-base;
4363
+ }
4647
4364
  }
4648
- .#{$item}-container {
4649
- padding: 0 8px;
4650
- border-radius: 4px;
4651
- height: 32px;
4652
- display: flex;
4653
- align-items: center;
4654
- .#{$item}-content {
4655
- min-height: auto;
4656
- white-space: nowrap;
4657
- & .ant-steps-item-title {
4658
- font-size: 13px;
4659
- line-height: 20px;
4660
- max-width: 100%;
4661
- padding-right: 0;
4662
- }
4365
+ &.eagle-legend-yellow {
4366
+ .#{$prefix}-icon {
4367
+ background-color: $fill-notice-base;
4663
4368
  }
4664
4369
  }
4665
- .#{$item}-active {
4666
- .ant-steps-item-container {
4667
- background: rgba($blue-60, 0.1);
4370
+ &.eagle-legend-green {
4371
+ .#{$prefix}-icon {
4372
+ background-color: $fill-positive-base;
4373
+ }
4374
+ }
4375
+ &.eagle-legend-gray {
4376
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4377
+ background-color: $gray-70;
4378
+ }
4379
+ }
4380
+ &.eagle-legend-purple {
4381
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4382
+ background-color: $purple-50;
4668
4383
  }
4669
4384
  }
4670
4385
  }
4671
4386
  }
4672
4387
 
4673
- .E_h6l1tj4 {
4674
- width: 100%;
4675
- display: inline-flex;
4676
- align-items: center;
4677
- justify-content: center;
4678
- column-gap: 4px;
4679
- .step-item-prefix-container {
4680
- display: inline-flex;
4681
- align-items: center;
4682
- width: 18px;
4683
- height: 18px;
4684
- color: $gray-a75-8;
4685
- justify-content: center;
4686
- }
4388
+ .E_s1qj66nc {
4389
+ width: 8px;
4390
+ height: 8px;
4391
+ border-radius: 50%;
4392
+ display: inline-block;
4687
4393
  }
4688
4394
 
4689
- .E_v18frne8 {
4690
- width: 100%;
4691
- display: flex;
4692
- align-items: center;
4693
- justify-content: center;
4694
- column-gap: 6px;
4695
- font-size: 13px;
4696
- .step-item-prefix-container {
4697
- display: inline-flex;
4698
- align-items: center;
4699
- min-width: 20px;
4700
- min-height: 20px;
4701
- color: $gray-a75-8;
4702
- justify-content: center;
4395
+ .E_s5x1boq {
4396
+ width: 8px;
4397
+ height: 8px;
4398
+ border-radius: 2px;
4399
+ display: inline-block;
4400
+ }
4401
+
4402
+ .E_c1xm185 {
4403
+ color: #2C385299;
4404
+ }
4405
+
4406
+ .E_c1x5l5qc {
4407
+ flex: 1;
4408
+ }
4409
+
4410
+
4411
+ .E_sddwhm6 {
4412
+ $prefix: ui-kit-status-capsule;
4413
+ margin: 0;
4414
+ border-radius: 20px;
4415
+ padding: 2px 10px;
4416
+ height: 22px;
4417
+
4418
+ &.ant-tag.#{$prefix}.off-white {
4419
+ background-color: $fill-neutral-trans-1 !important;
4420
+ &.tag-hover:hover,
4421
+ &.__pseudo-states-hover {
4422
+ background-color: $fill-neutral-trans-2 !important;
4423
+ }
4424
+ }
4425
+ &.ant-tag.#{$prefix} {
4426
+ color: $text-neutral-primary;
4427
+ .#{$prefix}-icon {
4428
+ margin-right: 6px;
4429
+ }
4430
+ .#{$prefix}-number {
4431
+ margin-left: 8px;
4432
+ color: #2C385299;
4433
+ }
4434
+ &.ant-tag-blue {
4435
+ background-color: $fill-outstanding-light;
4436
+ .#{$prefix}-icon {
4437
+ background-color: $fill-outstanding-base;
4438
+ }
4439
+ &.tag-hover:hover,
4440
+ &.__pseudo-states-hover {
4441
+ background-color: $fill-outstanding-light-hover;
4442
+ }
4443
+ }
4444
+ &.ant-tag-red {
4445
+ background-color: $fill-serious-light;
4446
+ .#{$prefix}-icon {
4447
+ background-color: $fill-serious-base;
4448
+ }
4449
+ &.tag-hover:hover,
4450
+ &.__pseudo-states-hover {
4451
+ background-color: $fill-serious-light-hover;
4452
+ }
4453
+ }
4454
+ &.ant-tag-yellow {
4455
+ background-color: $fill-notice-light;
4456
+ .#{$prefix}-icon {
4457
+ background-color: $fill-notice-base;
4458
+ }
4459
+ &.tag-hover:hover,
4460
+ &.__pseudo-states-hover {
4461
+ background-color: $fill-notice-light-hover;
4462
+ }
4463
+ }
4464
+ &.ant-tag-green {
4465
+ background-color: $fill-positive-light;
4466
+ .#{$prefix}-icon {
4467
+ background-color: $fill-positive-base;
4468
+ }
4469
+ &.tag-hover:hover,
4470
+ &.__pseudo-states-hover {
4471
+ background-color: $fill-positive-light-hover;
4472
+ }
4473
+ }
4474
+ &.ant-tag-gray {
4475
+ background-color: $fill-neutral-trans-2;
4476
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4477
+ background-color: $gray-70;
4478
+ }
4479
+ &.tag-hover:hover,
4480
+ &.__pseudo-states-hover {
4481
+ background-color: $fill-neutral-trans-3-trans-2-hover;
4482
+ }
4483
+ }
4703
4484
  }
4704
4485
  }
4705
4486
 
4487
+ .E_satwmqm {
4488
+ width: 8px;
4489
+ height: 8px;
4490
+ border-radius: 50%;
4491
+ display: inline-block;
4492
+ }
4493
+
4706
4494
 
4707
4495
  .E_tc97u5y {
4708
4496
  height: 100%;
@@ -5142,26 +4930,238 @@
5142
4930
  }
5143
4931
 
5144
4932
 
5145
- .E_w7ob4th {
5146
- &.outside-tag {
5147
- padding-left: 0;
5148
- .inside-tag {
5149
- border-radius: 4px 0 0 4px;
5150
- padding-right: 4px;
5151
- margin-right: 4px;
4933
+ .E_sjob3jg {
4934
+ $item: ant-steps-item;
4935
+ --item-min-width: 60px;
4936
+ .#{$item} {
4937
+ &-tail,
4938
+ &-icon {
4939
+ display: none !important;
5152
4940
  }
5153
4941
  }
5154
- }
5155
-
5156
-
5157
- .E_slr2ynn {
5158
- padding: 0 8px;
5159
- height: 18px;
5160
- }
5161
-
5162
- .E_m140wbb6 {
5163
- padding: 2px 8px;
5164
- height: 24px;
4942
+ .#{$item}.#{$item}-active {
4943
+ flex-shrink: 0 !important;
4944
+ .step-item-prefix-container {
4945
+ color: $text-colorful-outstanding;
4946
+ }
4947
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4948
+ color: $text-colorful-outstanding;
4949
+ font-weight: normal;
4950
+ }
4951
+ }
4952
+ .#{$item}.#{$item}-finish {
4953
+ .#{$item}-container .#{$item}-content .#{$item}-title,
4954
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4955
+ color: $text-neutral-tertiary;
4956
+ }
4957
+ }
4958
+ .#{$item}.#{$item}-wait {
4959
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4960
+ color: $text-neutral-primary;
4961
+ }
4962
+ }
4963
+ .step-item-text {
4964
+ display: inline-block;
4965
+ }
4966
+ .step-item-title {
4967
+ overflow: hidden;
4968
+ white-space: nowrap;
4969
+ text-overflow: ellipsis;
4970
+ }
4971
+ }
4972
+
4973
+ .E_hjvj6s6 {
4974
+ $item: ant-steps-item;
4975
+ @mixin rightTriangle($color: $fills-light-trans-1) {
4976
+ content: "";
4977
+ width: 0;
4978
+ height: 0;
4979
+ border: 13px solid transparent;
4980
+ position: absolute;
4981
+ top: 0;
4982
+ border-left: 8px solid $color;
4983
+ }
4984
+ .#{$item}-container {
4985
+ min-width: var(--item-min-width);
4986
+ }
4987
+ .#{$item}-disabled {
4988
+ cursor: not-allowed !important;
4989
+ }
4990
+ .ant-steps-horizontal.ant-steps-label-horizontal {
4991
+ flex-direction: row;
4992
+ justify-content: stretch;
4993
+ .#{$item} {
4994
+ padding: 0;
4995
+ margin-right: 4px;
4996
+ flex: 1;
4997
+ overflow: visible;
4998
+ .#{$item}-content {
4999
+ width: 100%;
5000
+ min-height: unset;
5001
+ .#{$item}-title {
5002
+ height: 26px;
5003
+ line-height: 26px;
5004
+ width: 100%;
5005
+ padding: 0;
5006
+ font-size: 12px;
5007
+ .step-count {
5008
+ margin-right: 10px;
5009
+ }
5010
+ &::after {
5011
+ display: none;
5012
+ }
5013
+ }
5014
+ }
5015
+ &:first-child {
5016
+ .#{$item}-container {
5017
+ padding-left: 8px;
5018
+ padding-right: 4px;
5019
+ border-radius: 4px 0 0 4px;
5020
+ }
5021
+ }
5022
+ &:last-child {
5023
+ margin-right: 0;
5024
+ .#{$item}-container {
5025
+ padding-right: 8px;
5026
+ padding-left: 12px;
5027
+ border-radius: 0 4px 4px 0;
5028
+ }
5029
+ }
5030
+ &:not(&:last-child) {
5031
+ &::after {
5032
+ @include rightTriangle();
5033
+ z-index: 2;
5034
+ position: relative;
5035
+ top: -50%;
5036
+ right: -100%;
5037
+ }
5038
+ }
5039
+ &:not(:first-child):not(:last-child) {
5040
+ .#{$item}-container {
5041
+ padding: 0 4px 0 12px;
5042
+ }
5043
+ }
5044
+ &:not(&:first-child) {
5045
+ &::before {
5046
+ @include rightTriangle(#fff);
5047
+ left: 0;
5048
+ }
5049
+ }
5050
+ }
5051
+ .#{$item}-active {
5052
+ max-width: calc(100% - var(--item-min-width) * 2);
5053
+ .#{$item}-container {
5054
+ background-color: $fills-light-general-general-light;
5055
+ }
5056
+ &::after {
5057
+ border-left-color: $fills-light-general-general-light !important;
5058
+ }
5059
+ }
5060
+ .#{$item}-finish {
5061
+ cursor: pointer;
5062
+ min-width: var(--item-min-width);
5063
+ }
5064
+ .#{$item}-wait,
5065
+ .#{$item}-finish {
5066
+ min-width: var(--item-min-width);
5067
+ .#{$item}-container {
5068
+ background-color: $fills-light-trans-1;
5069
+ }
5070
+ }
5071
+ }
5072
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
5073
+ .ant-steps-vertical
5074
+ )
5075
+ .#{$item} {
5076
+ padding: 0;
5077
+ }
5078
+ }
5079
+
5080
+ .E_v4tv3mf {
5081
+ $item: ant-steps-item;
5082
+ .ant-steps.ant-steps-vertical {
5083
+ width: 192px;
5084
+ row-gap: 2px;
5085
+
5086
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
5087
+ &:hover {
5088
+ background-color: $fill-neutral-trans-2;
5089
+ }
5090
+ .#{$item}-title {
5091
+ color: $text-neutral-primary !important;
5092
+ }
5093
+ }
5094
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
5095
+ .#{$item}-container:hover {
5096
+ background-color: $fill-neutral-trans-2;
5097
+ }
5098
+ .#{$item}-container {
5099
+ padding: 0 8px;
5100
+ border-radius: 4px;
5101
+ height: 32px;
5102
+ display: flex;
5103
+ align-items: center;
5104
+ .#{$item}-content {
5105
+ min-height: auto;
5106
+ white-space: nowrap;
5107
+ & .ant-steps-item-title {
5108
+ font-size: 13px;
5109
+ line-height: 20px;
5110
+ max-width: 100%;
5111
+ padding-right: 0;
5112
+ }
5113
+ }
5114
+ }
5115
+ .#{$item}-active {
5116
+ .ant-steps-item-container {
5117
+ background: rgba($blue-60, 0.1);
5118
+ }
5119
+ }
5120
+ }
5121
+ }
5122
+
5123
+ .E_h6l1tj4 {
5124
+ width: 100%;
5125
+ display: inline-flex;
5126
+ align-items: center;
5127
+ justify-content: center;
5128
+ column-gap: 4px;
5129
+ .step-item-prefix-container {
5130
+ display: inline-flex;
5131
+ align-items: center;
5132
+ width: 18px;
5133
+ height: 18px;
5134
+ color: $gray-a75-8;
5135
+ justify-content: center;
5136
+ }
5137
+ }
5138
+
5139
+ .E_v18frne8 {
5140
+ width: 100%;
5141
+ display: flex;
5142
+ align-items: center;
5143
+ justify-content: center;
5144
+ column-gap: 6px;
5145
+ font-size: 13px;
5146
+ .step-item-prefix-container {
5147
+ display: inline-flex;
5148
+ align-items: center;
5149
+ min-width: 20px;
5150
+ min-height: 20px;
5151
+ color: $gray-a75-8;
5152
+ justify-content: center;
5153
+ }
5154
+ }
5155
+
5156
+
5157
+ .E_slr2ynn {
5158
+ padding: 0 8px;
5159
+ height: 18px;
5160
+ }
5161
+
5162
+ .E_m140wbb6 {
5163
+ padding: 2px 8px;
5164
+ height: 24px;
5165
5165
  }
5166
5166
 
5167
5167
  .E_t1fozc1i {
@@ -5186,12 +5186,6 @@
5186
5186
  }
5187
5187
 
5188
5188
 
5189
- .E_i1g85yz3 {
5190
- margin-right: 4px;
5191
- height: 16px;
5192
- }
5193
-
5194
-
5195
5189
  .E_t1dtlqs1 {
5196
5190
  margin-bottom: 4px;
5197
5191
  color: $text-secondary-light;
@@ -5409,6 +5403,12 @@
5409
5403
  }
5410
5404
 
5411
5405
 
5406
+ .E_i1g85yz3 {
5407
+ margin-right: 4px;
5408
+ height: 16px;
5409
+ }
5410
+
5411
+
5412
5412
  .E_t13ef470 {
5413
5413
  height: 100%;
5414
5414
  .table-loading-item {
@@ -5444,7 +5444,7 @@
5444
5444
  }
5445
5445
 
5446
5446
 
5447
- .E_c4hgp0p {
5447
+ .E_b1jaupqb {
5448
5448
  color: #F0483E;
5449
5449
  }
5450
5450
 
@@ -5482,34 +5482,6 @@
5482
5482
  }
5483
5483
 
5484
5484
 
5485
- .E_bpgac8u {
5486
- color: #FFFFFF;
5487
- display: flex;
5488
- gap: 8px;
5489
- padding: 8px 0;
5490
- display: flex;
5491
- justify-content: center;
5492
- white-space: pre-wrap;
5493
- align-items: center;
5494
- .dashed-btn {
5495
- border-bottom: 1px solid white;
5496
- cursor: pointer;
5497
- }
5498
- }
5499
-
5500
- .E_envn4g3 {
5501
- background: #F0483E;
5502
- }
5503
-
5504
- .E_i12w18eu {
5505
- background: #0080FF;
5506
- }
5507
-
5508
- .E_wujsnt4 {
5509
- background-color: #E07F00;
5510
- }
5511
-
5512
-
5513
5485
  .E_t59qhqp {
5514
5486
  background: #FFFFFF;
5515
5487
  padding: 24px 32px;
@@ -5565,8 +5537,36 @@
5565
5537
  }
5566
5538
 
5567
5539
 
5568
- .E_t1616y1o {
5569
- color: $text-light-on-tint;
5540
+ .E_bpgac8u {
5541
+ color: #FFFFFF;
5542
+ display: flex;
5543
+ gap: 8px;
5544
+ padding: 8px 0;
5545
+ display: flex;
5546
+ justify-content: center;
5547
+ white-space: pre-wrap;
5548
+ align-items: center;
5549
+ .dashed-btn {
5550
+ border-bottom: 1px solid white;
5551
+ cursor: pointer;
5552
+ }
5553
+ }
5554
+
5555
+ .E_envn4g3 {
5556
+ background: #F0483E;
5557
+ }
5558
+
5559
+ .E_i12w18eu {
5560
+ background: #0080FF;
5561
+ }
5562
+
5563
+ .E_wujsnt4 {
5564
+ background-color: #E07F00;
5565
+ }
5566
+
5567
+
5568
+ .E_t1616y1o {
5569
+ color: $text-light-on-tint;
5570
5570
  }
5571
5571
 
5572
5572
 
@@ -5689,146 +5689,75 @@
5689
5689
  }
5690
5690
 
5691
5691
 
5692
- .E_clm1wy1 {
5693
- width: 192px;
5694
- height: 246px;
5695
- border-radius: 4px;
5696
-
5697
- > .ant-picker-calendar,
5698
- > .ant-picker-calendar .ant-picker-panel {
5699
- width: 100%;
5700
- background-color: rgba(245, 247, 250, 0.6);
5701
- border-top: none;
5702
-
5703
- .ant-picker-body {
5704
- padding: 0 16px;
5705
- }
5706
-
5707
- .ant-picker-content {
5708
- width: 100%;
5709
- height: 180px;
5710
- border-spacing: 0;
5711
-
5712
- thead {
5713
- margin-bottom: 8px;
5714
- }
5715
- th {
5716
- width: 22px;
5717
- }
5718
- td {
5719
- padding: 0;
5720
- }
5721
- }
5692
+ .E_c18bcrac {
5693
+ display: inline-block;
5694
+ width: 100%;
5695
+ .recharts-wrapper {
5696
+ margin-left: 4px;
5722
5697
  }
5698
+ }
5723
5699
 
5724
- .ant-picker-cell {
5725
- color: rgba(62, 70, 82, 0.6);
5726
- opacity: 0.4;
5727
- }
5728
- .ant-picker-cell-in-view {
5729
- color: rgba(62, 70, 82, 0.6);
5730
- opacity: 1;
5731
- }
5732
- .ant-picker-cell-in-view > .active {
5733
- color: #3e4652;
5734
- }
5700
+ .E_cro7kg2 {
5701
+ padding: 4px;
5735
5702
 
5736
- .ant-picker-cell::before {
5737
- pointer-events: none;
5703
+ .unit {
5704
+ color: white;
5738
5705
  }
5739
5706
  }
5740
5707
 
5741
- .E_t1tsm00v {
5742
- color: rgba(129, 138, 153, 0.6);
5743
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
5744
- backdrop-filter: blur(10px);
5745
- padding: 7px 10px;
5746
- }
5747
-
5748
- .E_c167wnad {
5749
- color: rgba(62, 70, 82, 0.6);
5708
+ .E_c14wcxf0 {
5750
5709
  display: flex;
5751
5710
  justify-content: space-between;
5752
5711
  align-items: center;
5753
- padding: 8px 16px;
5712
+ font-size: 13px;
5713
+ line-height: 24px;
5714
+ color: #cccccc;
5715
+ white-space: nowrap;
5754
5716
 
5755
- .anticon {
5756
- cursor: pointer;
5757
- &:hover {
5758
- color: $blue;
5759
- }
5717
+ label {
5718
+ margin-right: 32px;
5760
5719
  }
5761
5720
  }
5762
5721
 
5763
- .E_cxhf7dh {
5764
- text-align: center;
5765
-
5766
- .dots {
5767
- display: flex;
5768
- justify-content: center;
5769
- }
5770
- .dot {
5771
- display: inline-block;
5772
- width: 2px;
5773
- height: 2px;
5774
- border-radius: 1px;
5775
- background: $blue;
5776
-
5777
- &:not(:last-child) {
5778
- margin-right: 2px;
5779
- }
5780
- }
5781
- .bar {
5782
- width: 9px;
5783
- height: 2px;
5784
- background: $blue;
5785
- border-radius: 2px;
5786
- }
5722
+ .E_coy29mj.E_c14wcxf0 {
5723
+ font-weight: bold;
5724
+ color: white;
5787
5725
  }
5788
5726
 
5789
-
5790
- .E_tqjc4ui {
5791
- @at-root {
5792
- span#{&} {
5793
- margin: 0 2px;
5794
- }
5795
- }
5727
+ .E_s11212zy {
5728
+ width: 8px;
5729
+ height: 8px;
5730
+ border-radius: 2px;
5731
+ display: inline-block;
5732
+ background: var(--s11212zy-0);
5733
+ border: 1px solid $fills-light-white;
5734
+ box-sizing: content-box;
5735
+ margin-right: 6px;
5796
5736
  }
5797
5737
 
5798
-
5799
- .E_gmyahx3 {
5800
- cursor: pointer;
5801
-
5802
- .link-text {
5803
- color: $text-light-tertiary;
5804
- }
5805
-
5806
- &:hover .link-text {
5807
- color: $text-light-general;
5738
+ .E_p1lyky6c {
5739
+ & > :first-child {
5740
+ font-weight: bold;
5741
+ color: white;
5742
+ margin-right: 4px;
5808
5743
  }
5809
5744
  }
5810
5745
 
5811
5746
 
5812
- .E_n12mqh7z {
5747
+ .E_skwah65 {
5748
+ height: 8px;
5749
+ box-sizing: border-box;
5750
+ border-radius: 2px;
5751
+ background: #f5f7fa;
5813
5752
  display: flex;
5814
- align-items: center;
5815
- font-size: 12px;
5816
- line-height: 18px;
5753
+ width: 100%;
5754
+ overflow: hidden;
5817
5755
 
5818
- &:not(:last-child) {
5819
- margin-bottom: 4px;
5756
+ .stack-bar-item + .stack-bar-item {
5757
+ margin-left: 1px;
5820
5758
  }
5821
5759
  }
5822
5760
 
5823
- .E_tf5bynu {
5824
- margin: 0 3px;
5825
- }
5826
-
5827
- .E_tcckoz1 {
5828
- max-height: 400px;
5829
- overflow: auto;
5830
- }
5831
-
5832
5761
 
5833
5762
  .E_s1ebs0ra {
5834
5763
  display: flex;
@@ -5897,115 +5826,156 @@
5897
5826
  }
5898
5827
 
5899
5828
 
5900
- .E_t1sqg15u {
5901
- background: white;
5902
-
5903
- &.inline {
5904
- .table-row {
5905
- flex-direction: column;
5906
-
5907
- > label {
5908
- padding: 0 16px 7px 0;
5909
- }
5910
- }
5829
+ .E_s1iv0tp1 {
5830
+ .enabled-switch {
5831
+ display: flex;
5832
+ align-items: center;
5911
5833
  }
5912
5834
 
5913
- &.has-border {
5914
- .table-header {
5915
- border-bottom: 1px solid $strokes-light-trans-1;
5916
- }
5835
+ .enabled-text {
5836
+ margin-right: 8px;
5837
+ }
5838
+ }
5917
5839
 
5918
- .hiddenBorder {
5919
- border-top: none !important;
5920
- }
5921
5840
 
5922
- .table-row + .table-row {
5923
- border-top: 1px solid $strokes-light-trans-1;
5924
- }
5841
+ .E_gmyahx3 {
5842
+ cursor: pointer;
5925
5843
 
5926
- .table-row:last-of-type {
5927
- padding-bottom: 0;
5928
- }
5844
+ .link-text {
5845
+ color: $text-light-tertiary;
5929
5846
  }
5930
5847
 
5931
- &.align-right {
5932
- .content {
5933
- text-align: right;
5934
- }
5848
+ &:hover .link-text {
5849
+ color: $text-light-general;
5935
5850
  }
5936
- .uuid-row {
5937
- display: flex;
5938
- justify-content: space-between;
5851
+ }
5939
5852
 
5940
- .id-text {
5941
- white-space: nowrap;
5942
- overflow: hidden;
5943
- text-overflow: ellipsis;
5853
+
5854
+ .E_tqjc4ui {
5855
+ @at-root {
5856
+ span#{&} {
5857
+ margin: 0 2px;
5944
5858
  }
5945
5859
  }
5946
5860
  }
5947
5861
 
5948
- .E_t4zczcp {
5862
+
5863
+ .E_n12mqh7z {
5949
5864
  display: flex;
5950
- justify-content: space-between;
5951
5865
  align-items: center;
5952
- padding: 8px;
5953
- min-height: 32px;
5866
+ font-size: 12px;
5867
+ line-height: 18px;
5954
5868
 
5955
- .table-title {
5956
- color: $text-secondary-light;
5957
- font-weight: 600;
5958
- font-size: 12px;
5959
- line-height: 8px;
5960
- }
5961
-
5962
- .edit-icon {
5963
- font-size: 16px;
5964
- color: $strokes-translucent-2-light;
5965
- cursor: pointer;
5869
+ &:not(:last-child) {
5870
+ margin-bottom: 4px;
5966
5871
  }
5967
5872
  }
5968
5873
 
5969
- .E_t1s7goww {
5970
- font-size: 12px;
5971
- line-height: 18px;
5874
+ .E_tf5bynu {
5875
+ margin: 0 3px;
5972
5876
  }
5973
5877
 
5974
- .E_t93e4cf {
5975
- display: flex;
5976
- padding: 8px 0;
5977
- color: $text-primary-light;
5878
+ .E_tcckoz1 {
5879
+ max-height: 400px;
5880
+ overflow: auto;
5881
+ }
5978
5882
 
5979
- .hidden {
5980
- display: none;
5981
- }
5982
5883
 
5983
- .ant-btn.ant-btn-link {
5984
- height: auto;
5985
- }
5884
+ .E_clm1wy1 {
5885
+ width: 192px;
5886
+ height: 246px;
5887
+ border-radius: 4px;
5986
5888
 
5987
- .content {
5988
- overflow: hidden;
5989
- overflow-x: auto;
5889
+ > .ant-picker-calendar,
5890
+ > .ant-picker-calendar .ant-picker-panel {
5990
5891
  width: 100%;
5991
- white-space: pre-wrap;
5892
+ background-color: rgba(245, 247, 250, 0.6);
5893
+ border-top: none;
5992
5894
 
5993
- .ant-btn {
5994
- white-space: pre-wrap;
5995
- text-align: left;
5895
+ .ant-picker-body {
5896
+ padding: 0 16px;
5996
5897
  }
5997
5898
 
5998
- .unit-chart {
5999
- justify-content: flex-start;
5899
+ .ant-picker-content {
5900
+ width: 100%;
5901
+ height: 180px;
5902
+ border-spacing: 0;
5903
+
5904
+ thead {
5905
+ margin-bottom: 8px;
5906
+ }
5907
+ th {
5908
+ width: 22px;
5909
+ }
5910
+ td {
5911
+ padding: 0;
5912
+ }
6000
5913
  }
6001
5914
  }
5915
+
5916
+ .ant-picker-cell {
5917
+ color: rgba(62, 70, 82, 0.6);
5918
+ opacity: 0.4;
5919
+ }
5920
+ .ant-picker-cell-in-view {
5921
+ color: rgba(62, 70, 82, 0.6);
5922
+ opacity: 1;
5923
+ }
5924
+ .ant-picker-cell-in-view > .active {
5925
+ color: #3e4652;
5926
+ }
5927
+
5928
+ .ant-picker-cell::before {
5929
+ pointer-events: none;
5930
+ }
6002
5931
  }
6003
5932
 
6004
- .E_rhz2uv5 {
6005
- width: var(--rhz2uv5-0);
6006
- flex-shrink: 0;
6007
- color: $text-secondary-light;
6008
- padding-right: 12px;
5933
+ .E_t1tsm00v {
5934
+ color: rgba(129, 138, 153, 0.6);
5935
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
5936
+ backdrop-filter: blur(10px);
5937
+ padding: 7px 10px;
5938
+ }
5939
+
5940
+ .E_c167wnad {
5941
+ color: rgba(62, 70, 82, 0.6);
5942
+ display: flex;
5943
+ justify-content: space-between;
5944
+ align-items: center;
5945
+ padding: 8px 16px;
5946
+
5947
+ .anticon {
5948
+ cursor: pointer;
5949
+ &:hover {
5950
+ color: $blue;
5951
+ }
5952
+ }
5953
+ }
5954
+
5955
+ .E_cxhf7dh {
5956
+ text-align: center;
5957
+
5958
+ .dots {
5959
+ display: flex;
5960
+ justify-content: center;
5961
+ }
5962
+ .dot {
5963
+ display: inline-block;
5964
+ width: 2px;
5965
+ height: 2px;
5966
+ border-radius: 1px;
5967
+ background: $blue;
5968
+
5969
+ &:not(:last-child) {
5970
+ margin-right: 2px;
5971
+ }
5972
+ }
5973
+ .bar {
5974
+ width: 9px;
5975
+ height: 2px;
5976
+ background: $blue;
5977
+ border-radius: 2px;
5978
+ }
6009
5979
  }
6010
5980
 
6011
5981
 
@@ -6039,288 +6009,117 @@
6039
6009
  }
6040
6010
 
6041
6011
 
6042
- .E_skwah65 {
6043
- height: 8px;
6044
- box-sizing: border-box;
6045
- border-radius: 2px;
6046
- background: #f5f7fa;
6047
- display: flex;
6048
- width: 100%;
6049
- overflow: hidden;
6050
-
6051
- .stack-bar-item + .stack-bar-item {
6052
- margin-left: 1px;
6053
- }
6054
- }
6055
-
6056
-
6057
- .E_t160l1cm {
6058
- display: flex;
6059
- flex-direction: column;
6060
- flex: 1;
6061
-
6062
- .tab-bar {
6063
- flex-shrink: 0;
6064
- display: flex;
6065
- border-bottom: 1px solid $strokes-translucent-1-light;
6066
- }
6067
-
6068
- .tab-content {
6069
- height: 100%;
6070
- }
6071
-
6072
- .tab-menu-item {
6073
- margin-right: 2px;
6074
- padding: 1px 12px;
6075
- line-height: 24px;
6076
- height: 24px;
6077
- color: $text-secondary-light;
6078
- border-radius: 4px 4px 0 0;
6079
- cursor: pointer;
6080
- transition:
6081
- color 100ms ease-out,
6082
- background-color 100ms ease-out,
6083
- padding-left 320ms ease 80ms;
6084
-
6085
- &:first-child {
6086
- padding-left: 0;
6087
-
6088
- &:hover,
6089
- &.tab-menu-item-selected {
6090
- padding-left: 12px;
6091
- }
6092
- }
6012
+ .E_t1sqg15u {
6013
+ background: white;
6093
6014
 
6094
- &:hover {
6095
- color: $blue-60;
6096
- background: $fills-trans-terdiary-light;
6015
+ &.inline {
6016
+ .table-row {
6017
+ flex-direction: column;
6097
6018
 
6098
- .expand-arrow path {
6099
- fill: $blue-60;
6019
+ > label {
6020
+ padding: 0 16px 7px 0;
6100
6021
  }
6101
6022
  }
6023
+ }
6102
6024
 
6103
- &:active {
6104
- background: $fills-trans-quaternary-light;
6025
+ &.has-border {
6026
+ .table-header {
6027
+ border-bottom: 1px solid $strokes-light-trans-1;
6105
6028
  }
6106
6029
 
6107
- &.ant-dropdown-open {
6108
- color: $blue-60;
6109
- background: $fills-trans-terdiary-light;
6110
-
6111
- &:active {
6112
- background: $fills-trans-quaternary-light;
6113
- }
6114
-
6115
- &.tab-menu-item-selected {
6116
- background: rgba($blue-60, 0.16);
6117
- }
6118
-
6119
- .expand-arrow path {
6120
- fill: $blue-60;
6121
- }
6030
+ .hiddenBorder {
6031
+ border-top: none !important;
6122
6032
  }
6123
6033
 
6124
- &.tab-menu-item-selected {
6125
- color: $blue-60;
6126
- background: rgba($blue-60, 0.1);
6127
-
6128
- &:hover {
6129
- background: rgba($blue-60, 0.16);
6130
- }
6131
-
6132
- .expand-arrow path {
6133
- fill: $blue-100;
6134
- }
6034
+ .table-row + .table-row {
6035
+ border-top: 1px solid $strokes-light-trans-1;
6135
6036
  }
6136
6037
 
6137
- .expand-arrow {
6138
- margin-left: 8px;
6139
- height: 22px;
6140
- }
6141
- .expand-arrow path {
6142
- fill: $text-secondary-light;
6038
+ .table-row:last-of-type {
6039
+ padding-bottom: 0;
6143
6040
  }
6144
6041
  }
6145
6042
 
6146
- .tab-menu-item-group {
6147
- padding: 0;
6148
- display: flex;
6149
- align-items: center;
6150
- overflow: hidden;
6151
-
6152
- .main-title {
6153
- opacity: 0;
6154
- max-width: 0;
6155
- transition:
6156
- max-width 320ms ease,
6157
- opacity 240ms ease;
6158
- }
6159
-
6160
- .sub-title {
6161
- padding: 1px 12px;
6162
- position: relative;
6163
- display: flex;
6164
-
6165
- > .slash-arrow {
6166
- opacity: 0;
6167
- position: absolute;
6168
- top: 50%;
6169
- left: 0;
6170
- transform: translate(-50%, -50%);
6171
- transition: opacity 100ms linear;
6172
- fill: rgba($blue-60, 0.2);
6173
- }
6174
- }
6175
-
6176
- &.tab-menu-item-selected {
6177
- color: $blue-60;
6178
-
6179
- .main-title {
6180
- padding: 1px 12px;
6181
- display: inline-block;
6182
- opacity: 1;
6183
- max-width: 160px;
6184
- }
6185
-
6186
- .sub-title {
6187
- padding: 1px 12px;
6188
- color: $blue-80;
6189
-
6190
- > .slash-arrow {
6191
- opacity: 1;
6192
- }
6193
- }
6194
-
6195
- &:hover,
6196
- &:active {
6197
- .sub-title {
6198
- background: rgba($blue-60, 0.16);
6199
- }
6200
- .sub-title > .slash-arrow {
6201
- opacity: 0;
6202
- }
6203
- }
6043
+ &.align-right {
6044
+ .content {
6045
+ text-align: right;
6204
6046
  }
6205
6047
  }
6048
+ .uuid-row {
6049
+ display: flex;
6050
+ justify-content: space-between;
6206
6051
 
6207
- .tab-menu-item-medium {
6208
- &.tab-menu-item {
6209
- padding: 4px 16px;
6210
- height: 32px;
6211
- border-radius: 6px 6px 0 0;
6212
-
6213
- &:first-child {
6214
- padding-left: 0;
6215
- }
6216
- &:first-child:hover,
6217
- &.tab-menu-item-selected:first-child {
6218
- padding-left: 16px;
6219
- }
6220
-
6221
- .expand-arrow {
6222
- margin-left: 11px;
6223
- height: 24px;
6224
- }
6225
- }
6226
-
6227
- &.tab-menu-item-group {
6228
- padding: 0;
6229
-
6230
- .sub-title {
6231
- padding: 4px 16px;
6232
- }
6233
-
6234
- &.tab-menu-item-selected .sub-title,
6235
- &.tab-menu-item-selected .main-title {
6236
- padding: 4px 16px;
6237
- }
6052
+ .id-text {
6053
+ white-space: nowrap;
6054
+ overflow: hidden;
6055
+ text-overflow: ellipsis;
6238
6056
  }
6239
6057
  }
6058
+ }
6240
6059
 
6241
- .tab-menu-item-light {
6242
- &:hover,
6243
- &:active {
6244
- background: $white;
6245
- }
6246
-
6247
- &:active {
6248
- color: $blue-80;
6249
- }
6250
-
6251
- &.tab-menu-item.tab-menu-item-selected {
6252
- background: $white;
6253
- color: $blue-100;
6254
- }
6255
-
6256
- &.tab-menu-item-group.tab-menu-item-selected {
6257
- .main-title {
6258
- color: rgba($gray-80, 0.6);
6259
- }
6260
-
6261
- .sub-title {
6262
- color: $blue-100;
6263
- }
6264
-
6265
- .sub-title > .slash-arrow {
6266
- fill: $fills-opaque-quaternary-light;
6267
- }
6060
+ .E_t4zczcp {
6061
+ display: flex;
6062
+ justify-content: space-between;
6063
+ align-items: center;
6064
+ padding: 8px;
6065
+ min-height: 32px;
6268
6066
 
6269
- .sub-title > .expand-arrow path {
6270
- fill: $blue-100;
6271
- }
6272
- }
6067
+ .table-title {
6068
+ color: $text-secondary-light;
6069
+ font-weight: 600;
6070
+ font-size: 12px;
6071
+ line-height: 8px;
6273
6072
  }
6274
6073
 
6275
- .tab-content {
6276
- flex: 1;
6277
- display: flex;
6278
- flex-direction: column;
6074
+ .edit-icon {
6075
+ font-size: 16px;
6076
+ color: $strokes-translucent-2-light;
6077
+ cursor: pointer;
6279
6078
  }
6079
+ }
6280
6080
 
6281
- /* FIXME:(yanzhen) do this better */
6282
- &.is-overview .tab-content {
6283
- overflow: visible;
6284
- }
6081
+ .E_t1s7goww {
6082
+ font-size: 12px;
6083
+ line-height: 18px;
6285
6084
  }
6286
6085
 
6287
- .E_t14npdqr {
6288
- max-width: 240px;
6289
- animation: none;
6086
+ .E_t93e4cf {
6087
+ display: flex;
6088
+ padding: 8px 0;
6089
+ color: $text-primary-light;
6290
6090
 
6291
- &.ant-dropdown .ant-dropdown-menu {
6292
- border: 1px solid $blue-60;
6293
- padding: 0;
6091
+ .hidden {
6092
+ display: none;
6093
+ }
6294
6094
 
6295
- .ant-dropdown-menu-item {
6296
- margin: 0;
6297
- height: 32px;
6298
- line-height: 32px;
6299
- font-size: 13px;
6300
- padding: 0 10px;
6301
- display: block;
6302
- overflow: hidden;
6303
- text-overflow: ellipsis;
6304
- white-space: nowrap;
6095
+ .ant-btn.ant-btn-link {
6096
+ height: auto;
6097
+ }
6305
6098
 
6306
- &:not(:first-child) {
6307
- &::before {
6308
- content: " ";
6309
- height: 1px;
6310
- width: calc(100% + 10px);
6311
- background: $strokes-translucent-1-light;
6312
- display: block;
6313
- }
6314
- }
6099
+ .content {
6100
+ overflow: hidden;
6101
+ overflow-x: auto;
6102
+ width: 100%;
6103
+ white-space: pre-wrap;
6315
6104
 
6316
- &.ant-dropdown-menu-item-selected {
6317
- color: $blue-60;
6318
- background: transparent;
6319
- }
6105
+ .ant-btn {
6106
+ white-space: pre-wrap;
6107
+ text-align: left;
6108
+ }
6109
+
6110
+ .unit-chart {
6111
+ justify-content: flex-start;
6320
6112
  }
6321
6113
  }
6322
6114
  }
6323
6115
 
6116
+ .E_rhz2uv5 {
6117
+ width: var(--rhz2uv5-0);
6118
+ flex-shrink: 0;
6119
+ color: $text-secondary-light;
6120
+ padding-right: 12px;
6121
+ }
6122
+
6324
6123
 
6325
6124
  .E_s1at6qmn {
6326
6125
  &.ant-layout-sider {
@@ -6600,117 +6399,378 @@
6600
6399
  border-color: #d9d9d9;
6601
6400
  }
6602
6401
  }
6603
- .week-day-option {
6604
- &.active {
6605
- background-color: $blue;
6606
- border-color: $blue;
6607
- color: $white;
6402
+ .week-day-option {
6403
+ &.active {
6404
+ background-color: $blue;
6405
+ border-color: $blue;
6406
+ color: $white;
6407
+ }
6408
+ &.en-text {
6409
+ width: 110px;
6410
+ margin-top: 4px;
6411
+ }
6412
+ }
6413
+ .month-day-option {
6414
+ width: 32px;
6415
+ padding: 0;
6416
+ margin-bottom: 8px;
6417
+
6418
+ &.active {
6419
+ background-color: $blue;
6420
+ border-color: $blue;
6421
+ color: $white;
6422
+ }
6423
+ }
6424
+ }
6425
+
6426
+
6427
+ .E_wg1tsps {
6428
+ display: flex;
6429
+ align-items: center;
6430
+ justify-content: flex-end;
6431
+ }
6432
+
6433
+ .E_b1ctd5xy {
6434
+ display: flex;
6435
+ align-items: center;
6436
+ width: calc(100% - 40px);
6437
+
6438
+ .chart {
6439
+ display: inline-block;
6440
+ width: 100%;
6441
+ }
6442
+ }
6443
+
6444
+ .E_u1p8acpn {
6445
+ min-width: 40px;
6446
+
6447
+ .unit {
6448
+ color: $text-light-primary !important;
6449
+ }
6450
+ }
6451
+
6452
+
6453
+ .E_t160l1cm {
6454
+ display: flex;
6455
+ flex-direction: column;
6456
+ flex: 1;
6457
+
6458
+ .tab-bar {
6459
+ flex-shrink: 0;
6460
+ display: flex;
6461
+ border-bottom: 1px solid $strokes-translucent-1-light;
6462
+ }
6463
+
6464
+ .tab-content {
6465
+ height: 100%;
6466
+ }
6467
+
6468
+ .tab-menu-item {
6469
+ margin-right: 2px;
6470
+ padding: 1px 12px;
6471
+ line-height: 24px;
6472
+ height: 24px;
6473
+ color: $text-secondary-light;
6474
+ border-radius: 4px 4px 0 0;
6475
+ cursor: pointer;
6476
+ transition:
6477
+ color 100ms ease-out,
6478
+ background-color 100ms ease-out,
6479
+ padding-left 320ms ease 80ms;
6480
+
6481
+ &:first-child {
6482
+ padding-left: 0;
6483
+
6484
+ &:hover,
6485
+ &.tab-menu-item-selected {
6486
+ padding-left: 12px;
6487
+ }
6488
+ }
6489
+
6490
+ &:hover {
6491
+ color: $blue-60;
6492
+ background: $fills-trans-terdiary-light;
6493
+
6494
+ .expand-arrow path {
6495
+ fill: $blue-60;
6496
+ }
6497
+ }
6498
+
6499
+ &:active {
6500
+ background: $fills-trans-quaternary-light;
6501
+ }
6502
+
6503
+ &.ant-dropdown-open {
6504
+ color: $blue-60;
6505
+ background: $fills-trans-terdiary-light;
6506
+
6507
+ &:active {
6508
+ background: $fills-trans-quaternary-light;
6509
+ }
6510
+
6511
+ &.tab-menu-item-selected {
6512
+ background: rgba($blue-60, 0.16);
6513
+ }
6514
+
6515
+ .expand-arrow path {
6516
+ fill: $blue-60;
6517
+ }
6518
+ }
6519
+
6520
+ &.tab-menu-item-selected {
6521
+ color: $blue-60;
6522
+ background: rgba($blue-60, 0.1);
6523
+
6524
+ &:hover {
6525
+ background: rgba($blue-60, 0.16);
6526
+ }
6527
+
6528
+ .expand-arrow path {
6529
+ fill: $blue-100;
6530
+ }
6531
+ }
6532
+
6533
+ .expand-arrow {
6534
+ margin-left: 8px;
6535
+ height: 22px;
6536
+ }
6537
+ .expand-arrow path {
6538
+ fill: $text-secondary-light;
6539
+ }
6540
+ }
6541
+
6542
+ .tab-menu-item-group {
6543
+ padding: 0;
6544
+ display: flex;
6545
+ align-items: center;
6546
+ overflow: hidden;
6547
+
6548
+ .main-title {
6549
+ opacity: 0;
6550
+ max-width: 0;
6551
+ transition:
6552
+ max-width 320ms ease,
6553
+ opacity 240ms ease;
6554
+ }
6555
+
6556
+ .sub-title {
6557
+ padding: 1px 12px;
6558
+ position: relative;
6559
+ display: flex;
6560
+
6561
+ > .slash-arrow {
6562
+ opacity: 0;
6563
+ position: absolute;
6564
+ top: 50%;
6565
+ left: 0;
6566
+ transform: translate(-50%, -50%);
6567
+ transition: opacity 100ms linear;
6568
+ fill: rgba($blue-60, 0.2);
6569
+ }
6570
+ }
6571
+
6572
+ &.tab-menu-item-selected {
6573
+ color: $blue-60;
6574
+
6575
+ .main-title {
6576
+ padding: 1px 12px;
6577
+ display: inline-block;
6578
+ opacity: 1;
6579
+ max-width: 160px;
6580
+ }
6581
+
6582
+ .sub-title {
6583
+ padding: 1px 12px;
6584
+ color: $blue-80;
6585
+
6586
+ > .slash-arrow {
6587
+ opacity: 1;
6588
+ }
6589
+ }
6590
+
6591
+ &:hover,
6592
+ &:active {
6593
+ .sub-title {
6594
+ background: rgba($blue-60, 0.16);
6595
+ }
6596
+ .sub-title > .slash-arrow {
6597
+ opacity: 0;
6598
+ }
6599
+ }
6600
+ }
6601
+ }
6602
+
6603
+ .tab-menu-item-medium {
6604
+ &.tab-menu-item {
6605
+ padding: 4px 16px;
6606
+ height: 32px;
6607
+ border-radius: 6px 6px 0 0;
6608
+
6609
+ &:first-child {
6610
+ padding-left: 0;
6611
+ }
6612
+ &:first-child:hover,
6613
+ &.tab-menu-item-selected:first-child {
6614
+ padding-left: 16px;
6615
+ }
6616
+
6617
+ .expand-arrow {
6618
+ margin-left: 11px;
6619
+ height: 24px;
6620
+ }
6621
+ }
6622
+
6623
+ &.tab-menu-item-group {
6624
+ padding: 0;
6625
+
6626
+ .sub-title {
6627
+ padding: 4px 16px;
6628
+ }
6629
+
6630
+ &.tab-menu-item-selected .sub-title,
6631
+ &.tab-menu-item-selected .main-title {
6632
+ padding: 4px 16px;
6633
+ }
6634
+ }
6635
+ }
6636
+
6637
+ .tab-menu-item-light {
6638
+ &:hover,
6639
+ &:active {
6640
+ background: $white;
6608
6641
  }
6609
- &.en-text {
6610
- width: 110px;
6611
- margin-top: 4px;
6642
+
6643
+ &:active {
6644
+ color: $blue-80;
6612
6645
  }
6613
- }
6614
- .month-day-option {
6615
- width: 32px;
6616
- padding: 0;
6617
- margin-bottom: 8px;
6618
6646
 
6619
- &.active {
6620
- background-color: $blue;
6621
- border-color: $blue;
6622
- color: $white;
6647
+ &.tab-menu-item.tab-menu-item-selected {
6648
+ background: $white;
6649
+ color: $blue-100;
6623
6650
  }
6624
- }
6625
- }
6626
6651
 
6652
+ &.tab-menu-item-group.tab-menu-item-selected {
6653
+ .main-title {
6654
+ color: rgba($gray-80, 0.6);
6655
+ }
6656
+
6657
+ .sub-title {
6658
+ color: $blue-100;
6659
+ }
6627
6660
 
6628
- .E_s1iv0tp1 {
6629
- .enabled-switch {
6661
+ .sub-title > .slash-arrow {
6662
+ fill: $fills-opaque-quaternary-light;
6663
+ }
6664
+
6665
+ .sub-title > .expand-arrow path {
6666
+ fill: $blue-100;
6667
+ }
6668
+ }
6669
+ }
6670
+
6671
+ .tab-content {
6672
+ flex: 1;
6630
6673
  display: flex;
6631
- align-items: center;
6674
+ flex-direction: column;
6632
6675
  }
6633
6676
 
6634
- .enabled-text {
6635
- margin-right: 8px;
6677
+ /* FIXME:(yanzhen) do this better */
6678
+ &.is-overview .tab-content {
6679
+ overflow: visible;
6636
6680
  }
6637
6681
  }
6638
6682
 
6683
+ .E_t14npdqr {
6684
+ max-width: 240px;
6685
+ animation: none;
6639
6686
 
6640
- .E_c18bcrac {
6641
- display: inline-block;
6642
- width: 100%;
6643
- .recharts-wrapper {
6644
- margin-left: 4px;
6645
- }
6646
- }
6687
+ &.ant-dropdown .ant-dropdown-menu {
6688
+ border: 1px solid $blue-60;
6689
+ padding: 0;
6647
6690
 
6648
- .E_cro7kg2 {
6649
- padding: 4px;
6650
- }
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;
6651
6701
 
6652
- .E_c14wcxf0 {
6653
- display: flex;
6654
- justify-content: space-between;
6655
- align-items: center;
6656
- font-size: 13px;
6657
- line-height: 24px;
6658
- color: #cccccc;
6659
- white-space: nowrap;
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
+ }
6660
6711
 
6661
- label {
6662
- margin-right: 32px;
6712
+ &.ant-dropdown-menu-item-selected {
6713
+ color: $blue-60;
6714
+ background: transparent;
6715
+ }
6716
+ }
6663
6717
  }
6664
6718
  }
6665
6719
 
6666
- .E_coy29mj.E_c14wcxf0 {
6667
- font-weight: bold;
6668
- color: white;
6669
- }
6670
-
6671
- .E_s11212zy {
6672
- width: 8px;
6673
- height: 8px;
6674
- border-radius: 2px;
6675
- display: inline-block;
6676
- background: var(--s11212zy-0);
6677
- border: 1px solid $fills-light-white;
6678
- box-sizing: content-box;
6679
- margin-right: 6px;
6680
- }
6681
6720
 
6682
- .E_p1lyky6c {
6683
- & > :first-child {
6684
- font-weight: bold;
6685
- color: white;
6686
- margin-right: 4px;
6721
+ .E_cyms3br {
6722
+ background: #fff;
6723
+ width: 100%;
6724
+ border-radius: 8px;
6725
+ border: 1px solid rgba(228, 233, 242, 1);
6726
+ .ant-list {
6727
+ padding: 12px;
6728
+ }
6729
+ .ant-list-item {
6730
+ padding: 4px 0;
6731
+ }
6732
+ .ant-alert {
6733
+ margin-left: 24px;
6734
+ }
6735
+ header {
6736
+ background: rgba(225, 230, 241, 0.6);
6737
+ font-size: 12px;
6738
+ color: rgba(29, 50, 108, 1);
6739
+ font-weight: 700;
6740
+ padding: 6px 12px;
6741
+ display: flex;
6742
+ flex-direction: row;
6743
+ align-items: center;
6744
+ justify-content: space-between;
6745
+ .switch-text {
6746
+ display: flex;
6747
+ flex-direction: row;
6748
+ align-items: center;
6749
+ justify-content: space-between;
6750
+ gap: 6px;
6751
+ font-size: 12px;
6752
+ font-weight: 400;
6753
+ color: rgba(0, 18, 46, 1);
6754
+ }
6687
6755
  }
6688
6756
  }
6689
6757
 
6690
-
6691
- .E_wg1tsps {
6692
- display: flex;
6693
- align-items: center;
6694
- justify-content: flex-end;
6758
+ .E_c157gu4z {
6759
+ .ant-list-item {
6760
+ display: flex;
6761
+ flex-direction: row;
6762
+ }
6763
+ .description {
6764
+ flex-grow: 1;
6765
+ margin-left: 8px;
6766
+ }
6695
6767
  }
6696
6768
 
6697
- .E_b1ctd5xy {
6769
+ .E_eu1sysj {
6698
6770
  display: flex;
6771
+ flex-direction: column;
6699
6772
  align-items: center;
6700
- width: calc(100% - 40px);
6701
-
6702
- .chart {
6703
- display: inline-block;
6704
- width: 100%;
6705
- }
6706
- }
6707
-
6708
- .E_u1p8acpn {
6709
- min-width: 40px;
6710
-
6711
- .unit {
6712
- color: $text-light-primary !important;
6713
- }
6773
+ justify-content: center;
6714
6774
  }
6715
6775
 
6716
6776
 
@@ -6759,13 +6819,6 @@
6759
6819
  }
6760
6820
 
6761
6821
 
6762
- .E_h1ol2wl7 {
6763
- font-weight: bold;
6764
- background-color: unset;
6765
- padding: unset;
6766
- }
6767
-
6768
-
6769
6822
  .E_i5w779o {
6770
6823
  padding: 8px 0;
6771
6824
 
@@ -6779,90 +6832,34 @@
6779
6832
  flex: 1 1 0;
6780
6833
  display: flex;
6781
6834
  align-items: center;
6782
- * {
6783
- line-height: 18px;
6784
- }
6785
- }
6786
- }
6787
-
6788
- .E_l18dja44 {
6789
- padding: 6px 0;
6790
-
6791
- .col-label * {
6792
- font-size: 13px;
6793
- line-height: 20px;
6794
- }
6795
- .col-content * {
6796
- font-size: 14px;
6797
- line-height: 20px;
6798
- }
6799
- }
6800
-
6801
- .E_c8c2hys {
6802
- display: flex;
6803
- justify-content: space-between;
6804
- flex: 1;
6805
- min-width: 0;
6806
- }
6807
-
6808
- .E_n4m6c4d {
6809
- color: $text-light-tertiary;
6810
- }
6811
-
6812
-
6813
- .E_cyms3br {
6814
- background: #fff;
6815
- width: 100%;
6816
- border-radius: 8px;
6817
- border: 1px solid rgba(228, 233, 242, 1);
6818
- .ant-list {
6819
- padding: 12px;
6820
- }
6821
- .ant-list-item {
6822
- padding: 4px 0;
6823
- }
6824
- .ant-alert {
6825
- margin-left: 24px;
6826
- }
6827
- header {
6828
- background: rgba(225, 230, 241, 0.6);
6829
- font-size: 12px;
6830
- color: rgba(29, 50, 108, 1);
6831
- font-weight: 700;
6832
- padding: 6px 12px;
6833
- display: flex;
6834
- flex-direction: row;
6835
- align-items: center;
6836
- justify-content: space-between;
6837
- .switch-text {
6838
- display: flex;
6839
- flex-direction: row;
6840
- align-items: center;
6841
- justify-content: space-between;
6842
- gap: 6px;
6843
- font-size: 12px;
6844
- font-weight: 400;
6845
- color: rgba(0, 18, 46, 1);
6835
+ * {
6836
+ line-height: 18px;
6846
6837
  }
6847
6838
  }
6848
6839
  }
6849
6840
 
6850
- .E_c157gu4z {
6851
- .ant-list-item {
6852
- display: flex;
6853
- flex-direction: row;
6841
+ .E_l18dja44 {
6842
+ padding: 6px 0;
6843
+
6844
+ .col-label * {
6845
+ font-size: 13px;
6846
+ line-height: 20px;
6854
6847
  }
6855
- .description {
6856
- flex-grow: 1;
6857
- margin-left: 8px;
6848
+ .col-content * {
6849
+ font-size: 14px;
6850
+ line-height: 20px;
6858
6851
  }
6859
6852
  }
6860
6853
 
6861
- .E_eu1sysj {
6854
+ .E_c8c2hys {
6862
6855
  display: flex;
6863
- flex-direction: column;
6864
- align-items: center;
6865
- justify-content: center;
6856
+ justify-content: space-between;
6857
+ flex: 1;
6858
+ min-width: 0;
6859
+ }
6860
+
6861
+ .E_n4m6c4d {
6862
+ color: $text-light-tertiary;
6866
6863
  }
6867
6864
 
6868
6865
 
@@ -6940,6 +6937,117 @@
6940
6937
  }
6941
6938
 
6942
6939
 
6940
+ .E_h1ol2wl7 {
6941
+ font-weight: bold;
6942
+ background-color: unset;
6943
+ padding: unset;
6944
+ }
6945
+
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_cevhqx7 {
6999
+ color: $text-light-primary;
7000
+ }
7001
+
7002
+ .E_snbqlt4 {
7003
+ margin-top: 8px;
7004
+ color: $text-light-secondary;
7005
+ }
7006
+
7007
+
7008
+ .E_c1ss4prm {
7009
+ color: $text-light-secondary;
7010
+
7011
+ li {
7012
+ margin-bottom: 4px;
7013
+
7014
+ &:last-child {
7015
+ margin-bottom: 0;
7016
+ }
7017
+ }
7018
+ }
7019
+
7020
+ .E_ms3tlei {
7021
+ background: $fill-neutral-trans-2;
7022
+ padding: 8px;
7023
+ border-radius: 6px;
7024
+ color: $gray-a60-8;
7025
+
7026
+ li {
7027
+ margin-bottom: 4px;
7028
+
7029
+ &:last-child {
7030
+ margin-bottom: 0;
7031
+ }
7032
+ }
7033
+ }
7034
+
7035
+ .E_du44iy7 {
7036
+ margin-bottom: 4px;
7037
+ }
7038
+
7039
+ .E_s1qmhanr {
7040
+ color: $text-light-secondary;
7041
+ margin-bottom: 8px;
7042
+ }
7043
+
7044
+ .E_drje1h0 {
7045
+ height: 1px;
7046
+ background: $strokes-light-opaque-2;
7047
+ margin: 16px 0;
7048
+ }
7049
+
7050
+
6943
7051
  .E_c1kchka8 {
6944
7052
  height: 100%;
6945
7053
  width: 100%;
@@ -7539,110 +7647,6 @@
7539
7647
  }
7540
7648
 
7541
7649
 
7542
- .E_c1ss4prm {
7543
- color: $text-light-secondary;
7544
-
7545
- li {
7546
- margin-bottom: 4px;
7547
-
7548
- &:last-child {
7549
- margin-bottom: 0;
7550
- }
7551
- }
7552
- }
7553
-
7554
- .E_ms3tlei {
7555
- background: $fill-neutral-trans-2;
7556
- padding: 8px;
7557
- border-radius: 6px;
7558
- color: $gray-a60-8;
7559
-
7560
- li {
7561
- margin-bottom: 4px;
7562
-
7563
- &:last-child {
7564
- margin-bottom: 0;
7565
- }
7566
- }
7567
- }
7568
-
7569
- .E_du44iy7 {
7570
- margin-bottom: 4px;
7571
- }
7572
-
7573
- .E_s1qmhanr {
7574
- color: $text-light-secondary;
7575
- margin-bottom: 8px;
7576
- }
7577
-
7578
- .E_drje1h0 {
7579
- height: 1px;
7580
- background: $strokes-light-opaque-2;
7581
- margin: 16px 0;
7582
- }
7583
-
7584
-
7585
- .E_cevhqx7 {
7586
- color: $text-light-primary;
7587
- }
7588
-
7589
- .E_snbqlt4 {
7590
- margin-top: 8px;
7591
- color: $text-light-secondary;
7592
- }
7593
-
7594
-
7595
- .E_c14ouk5o {
7596
- width: 100%;
7597
- height: 100%;
7598
- display: flex;
7599
- font-size: 12px;
7600
- line-height: 18px;
7601
- padding: 8px 0;
7602
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7603
-
7604
- &:last-of-type {
7605
- box-shadow: none;
7606
- padding-bottom: 0;
7607
- }
7608
- &.collapsed {
7609
- flex-direction: column;
7610
-
7611
- .collapsed-content {
7612
- display: flex;
7613
-
7614
- > span {
7615
- flex: 1;
7616
- display: flex;
7617
- justify-content: space-between;
7618
- .ant-btn {
7619
- height: auto;
7620
- }
7621
- }
7622
- }
7623
- .extra-content {
7624
- margin-left: 162px;
7625
- }
7626
- }
7627
-
7628
- .col-label {
7629
- width: 216px;
7630
- color: $text-secondary-light;
7631
- margin-right: 12px;
7632
- flex-shrink: 0;
7633
- }
7634
-
7635
- .col-content {
7636
- color: $text-primary-light;
7637
-
7638
- /* make btn link in info row have the same height as normal text */
7639
- .ant-btn.ant-btn-link {
7640
- height: auto;
7641
- }
7642
- }
7643
- }
7644
-
7645
-
7646
7650
  .E_l12xdkhl {
7647
7651
  width: 64px;
7648
7652
  height: 64px;