@cloudtower/eagle 490.0.3 → 490.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/cjs/core/TableForm/TableFormBodyCell.js +7 -15
  2. package/dist/cjs/core/TableForm/TableFormBodyRows.js +2 -2
  3. package/dist/cjs/core/TableForm/index.js +3 -3
  4. package/dist/cjs/stats1.html +1 -1
  5. package/dist/components.css +1240 -1240
  6. package/dist/esm/core/TableForm/TableFormBodyCell.js +8 -16
  7. package/dist/esm/core/TableForm/TableFormBodyRows.js +2 -2
  8. package/dist/esm/core/TableForm/index.js +3 -3
  9. package/dist/esm/stats1.html +1 -1
  10. package/dist/linaria.merged.scss +1699 -1699
  11. package/dist/src/core/TableForm/types.d.ts +2 -2
  12. package/dist/style.css +1240 -1240
  13. package/package.json +4 -4
package/dist/linaria.merged.scss CHANGED
@@ -1,3 +1,28 @@
1
+ .E_m74vjol {
2
+ display: flex;
3
+ justify-content: space-between;
4
+ width: 100%;
5
+ & .action {
6
+ margin-left: 16px;
7
+ }
8
+ }
9
+
10
+ .E_a1o35uvh {
11
+ &.ant-alert-closable {
12
+ padding-right: 12px;
13
+
14
+ .ant-alert-close-icon {
15
+ height: fit-content;
16
+ margin-left: 16px;
17
+ }
18
+ }
19
+
20
+ .ant-alert-message {
21
+ flex: 1;
22
+ }
23
+ }
24
+
25
+
1
26
  .E_c18gxmrl {
2
27
  border: 1px solid $gray-40;
3
28
  border-radius: 4px;
@@ -26,31 +51,6 @@
26
51
  }
27
52
 
28
53
 
29
- .E_m74vjol {
30
- display: flex;
31
- justify-content: space-between;
32
- width: 100%;
33
- & .action {
34
- margin-left: 16px;
35
- }
36
- }
37
-
38
- .E_a1o35uvh {
39
- &.ant-alert-closable {
40
- padding-right: 12px;
41
-
42
- .ant-alert-close-icon {
43
- height: fit-content;
44
- margin-left: 16px;
45
- }
46
- }
47
-
48
- .ant-alert-message {
49
- flex: 1;
50
- }
51
- }
52
-
53
-
54
54
  .E_berrcjl {
55
55
  color: $text-terdiary-light;
56
56
  margin-bottom: 4px;
@@ -111,56 +111,6 @@
111
111
  }
112
112
 
113
113
 
114
- .E_d133fzv0 {
115
- .ant-dropdown-menu-item-group {
116
- .ant-dropdown-menu-item-group-title {
117
- padding: 4px 8px 0 8px;
118
- color: $text-light-secondary;
119
- font-size: 12px;
120
- }
121
- .ant-dropdown-menu-item-group-list {
122
- padding-bottom: 6px;
123
- }
124
- &:not(:first-child) {
125
- padding-top: 4px;
126
- border-top: 1px solid $strokes-light-trans-2;
127
- }
128
- }
129
- }
130
-
131
-
132
- .E_ccrbeuz {
133
- .ant-collapse-item {
134
- border: 0px;
135
- background-color: $fills-light-white;
136
-
137
- .ant-collapse-header {
138
- padding-top: 0px;
139
- padding-bottom: 0px;
140
- padding-left: 0px !important;
141
- padding-right: 24px;
142
- .ant-collapse-arrow {
143
- right: 0px;
144
- }
145
- }
146
- .ant-collapse-content {
147
- .ant-collapse-content-box {
148
- padding: 0px;
149
- }
150
- }
151
- }
152
- }
153
-
154
- .E_c1fljvag {
155
- .ant-collapse-item {
156
- .ant-collapse-header {
157
- padding-right: 0px;
158
- cursor: default;
159
- }
160
- }
161
- }
162
-
163
-
164
114
  .E_c1uzzomf {
165
115
  margin-bottom: 16px;
166
116
 
@@ -186,100 +136,19 @@
186
136
  }
187
137
 
188
138
 
189
- .E_c1yyuluq {
190
- border-radius: 8px;
191
- .ant-card-body {
192
- padding: 20px 24px 24px 24px;
193
- }
194
- }
195
-
196
-
197
- .E_d1bw7c5z {
198
- position: relative;
199
- max-width: 388px;
200
- min-width: 285px;
201
- .center {
202
- position: absolute;
203
- font-size: 12px;
204
- width: 80px;
205
- height: 100px;
206
- top: 0;
207
- left: 35px;
208
- display: flex;
209
- flex-direction: column;
210
- justify-content: center;
211
- align-items: center;
212
- color: $text-light-primary;
213
-
214
- .number {
215
- font-size: 24px;
216
- font-weight: 700;
217
- }
218
-
219
- .text {
220
- padding: 0 5px;
139
+ .E_d133fzv0 {
140
+ .ant-dropdown-menu-item-group {
141
+ .ant-dropdown-menu-item-group-title {
142
+ padding: 4px 8px 0 8px;
143
+ color: $text-light-secondary;
221
144
  font-size: 12px;
222
- width: inherit;
223
- text-align: center;
224
145
  }
225
- }
226
- .recharts-wrapper {
227
- display: flex;
228
- .recharts-legend-wrapper {
229
- position: relative !important;
230
- min-width: calc(
231
- 100% - var(--d1bw7c5z-0)
232
- ) !important;
233
- left: 0 !important;
234
- bottom: 0 !important;
235
- display: flex;
236
- align-items: center;
237
- .recharts-default-legend {
238
- width: 100%;
239
- }
240
- li {
241
- width: 100%;
242
- margin-right: 0 !important;
243
- line-height: 18px;
244
- & > svg {
245
- border-radius: 2px;
246
- }
247
- & > .recharts-legend-item-text {
248
- min-width: 75px;
249
- max-width: 198px;
250
- width: calc(100% - 20px);
251
- margin-left: 2px;
252
- color: $text-light-primary !important;
253
- display: inline-flex;
254
- justify-content: space-between;
255
- }
256
- }
146
+ .ant-dropdown-menu-item-group-list {
147
+ padding-bottom: 6px;
257
148
  }
258
- }
259
- .tooltip-text {
260
- maxwidth: calc(100% - 12px);
261
- cursor: pointer;
262
- border-bottom: 1px dashed $strokes-light-trans-4;
263
- overflow: hidden;
264
- text-overflow: ellipsis;
265
- white-space: nowrap;
266
- }
267
-
268
- .value {
269
- color: $text-neutral-secondary;
270
- }
271
- }
272
-
273
- .E_t10pqbtc {
274
- width: 140px;
275
-
276
- .item {
277
- margin: 6px auto;
278
- display: flex;
279
- justify-content: space-between;
280
-
281
- .name {
282
- width: 102px;
149
+ &:not(:first-child) {
150
+ padding-top: 4px;
151
+ border-top: 1px solid $strokes-light-trans-2;
283
152
  }
284
153
  }
285
154
  }
@@ -652,248 +521,143 @@
652
521
  }
653
522
 
654
523
 
655
- .E_sx1bpnu {
656
- .ant-input-sm {
657
- line-height: 18px;
524
+ .E_c1yyuluq {
525
+ border-radius: 8px;
526
+ .ant-card-body {
527
+ padding: 20px 24px 24px 24px;
658
528
  }
659
529
  }
660
530
 
661
531
 
662
- .E_c1bus5hc {
663
- --color: white;
664
- height: 14px;
665
- width: 14px;
666
- border-radius: 50%;
667
- flex-shrink: 0;
668
- display: flex;
669
- align-items: center;
670
- justify-content: center;
671
- border: 1px solid var(--color);
672
-
673
- .circle-inner {
674
- position: relative;
675
- height: 10px;
676
- width: 10px;
677
- border-radius: 50%;
678
- overflow: hidden;
679
- }
680
-
681
- .circle-content {
532
+ .E_d1bw7c5z {
533
+ position: relative;
534
+ max-width: 388px;
535
+ min-width: 285px;
536
+ .center {
682
537
  position: absolute;
683
- height: 100%;
684
- width: 100%;
685
- left: 0;
538
+ font-size: 12px;
539
+ width: 80px;
540
+ height: 100px;
686
541
  top: 0;
687
- border-radius: 50%;
688
- background: linear-gradient(to right, var(--color) 50%, white 50%);
689
- transform: rotate(180deg);
690
- }
542
+ left: 35px;
543
+ display: flex;
544
+ flex-direction: column;
545
+ justify-content: center;
546
+ align-items: center;
547
+ color: $text-light-primary;
691
548
 
692
- .circle-child {
693
- position: absolute;
694
- height: 100%;
695
- width: 100%;
696
- left: 0;
697
- top: 0;
698
- margin-left: 50%;
699
- transform-origin: left;
700
- background: white;
701
- transform: rotate(0deg);
702
- }
703
- }
704
-
705
-
706
- .E_rapgekc {
707
- &.ant-radio-wrapper {
708
- display: inline-flex;
709
- align-items: baseline;
710
- white-space: pre-wrap;
711
-
712
- .ant-radio {
713
- position: relative;
714
- top: 3px;
715
-
716
- .ant-radio-inner {
717
- border-color: $strokes-light-trans-4;
718
- }
719
-
720
- &:hover .ant-radio-inner {
721
- border-color: $blue-60;
722
- }
549
+ .number {
550
+ font-size: 24px;
551
+ font-weight: 700;
552
+ }
723
553
 
724
- &.ant-radio-checked .ant-radio-inner {
725
- border-color: $blue-60;
726
- background: $blue-60;
727
- &::after {
728
- top: 4px;
729
- left: 4px;
730
- width: 6px;
731
- height: 6px;
732
- background: $white;
733
- }
554
+ .text {
555
+ padding: 0 5px;
556
+ font-size: 12px;
557
+ width: inherit;
558
+ text-align: center;
559
+ }
560
+ }
561
+ .recharts-wrapper {
562
+ display: flex;
563
+ .recharts-legend-wrapper {
564
+ position: relative !important;
565
+ min-width: calc(
566
+ 100% - var(--d1bw7c5z-0)
567
+ ) !important;
568
+ left: 0 !important;
569
+ bottom: 0 !important;
570
+ display: flex;
571
+ align-items: center;
572
+ .recharts-default-legend {
573
+ width: 100%;
734
574
  }
735
-
736
- &.ant-radio-disabled {
737
- opacity: 0.5;
738
-
739
- .ant-radio-inner {
740
- border-color: $strokes-light-trans-4;
741
- background: $fills-light-trans-3;
742
- &::after {
743
- background: $text-light-primary;
744
- }
745
- }
746
-
747
- & + span {
748
- color: $text-light-primary;
749
- opacity: 0.5;
750
-
751
- .radio-description {
752
- color: $text-light-primary;
753
- }
575
+ li {
576
+ width: 100%;
577
+ margin-right: 0 !important;
578
+ line-height: 18px;
579
+ & > svg {
580
+ border-radius: 2px;
754
581
  }
755
- }
756
-
757
- & + span {
758
- display: inline-block;
759
- padding: 0;
760
- padding-left: 10px;
761
-
762
- .radio-description {
763
- margin-bottom: 0;
764
- white-space: pre-wrap;
765
- color: $text-secondary-light;
582
+ & > .recharts-legend-item-text {
583
+ min-width: 75px;
584
+ max-width: 198px;
585
+ width: calc(100% - 20px);
586
+ margin-left: 2px;
587
+ color: $text-light-primary !important;
588
+ display: inline-flex;
589
+ justify-content: space-between;
766
590
  }
767
591
  }
768
592
  }
769
593
  }
770
-
771
- &.ant-radio-wrapper.compact {
772
- .ant-radio + span {
773
- padding-left: 8px;
774
- }
594
+ .tooltip-text {
595
+ maxwidth: calc(100% - 12px);
596
+ cursor: pointer;
597
+ border-bottom: 1px dashed $strokes-light-trans-4;
598
+ overflow: hidden;
599
+ text-overflow: ellipsis;
600
+ white-space: nowrap;
775
601
  }
776
- }
777
602
 
778
- .E_rp906go {
779
- & .ant-radio-button-wrapper:first-child {
780
- border-radius: 5px 0 0 5px;
781
- }
782
- & .ant-radio-button-wrapper:last-child {
783
- border-radius: 0 5px 5px 0;
603
+ .value {
604
+ color: $text-neutral-secondary;
784
605
  }
785
606
  }
786
607
 
787
- .E_rcc63c8 {
788
- color: $text-light-primary;
789
- border-color: $strokes-light-opaque-3;
790
-
791
- &:first-child {
792
- border-color: $strokes-light-opaque-4;
793
- }
608
+ .E_t10pqbtc {
609
+ width: 140px;
794
610
 
795
- &.ant-radio-button-wrapper {
796
- padding: 0 12px;
797
- line-height: 32px;
798
- height: 32px;
611
+ .item {
612
+ margin: 6px auto;
613
+ display: flex;
614
+ justify-content: space-between;
799
615
 
800
- > span + span {
801
- white-space: nowrap;
616
+ .name {
617
+ width: 102px;
802
618
  }
803
619
  }
620
+ }
804
621
 
805
- .ant-radio-group-small &.ant-radio-button-wrapper {
806
- height: 22px;
807
- padding: 0 7px;
808
- line-height: 20px;
809
- }
810
-
811
- &.ant-radio-button-wrapper:not(:first-child)::before {
812
- background: $strokes-light-opaque-3;
813
- }
814
-
815
- &.ant-radio-button-wrapper-checked:not(:first-child)::before {
816
- background: $fills-light-general-general;
817
- }
818
-
819
- &.ant-radio-button-wrapper-disabled:not(:first-child)::before {
820
- background: $strokes-light-opaque-3;
821
- opacity: 0.5;
822
- }
823
622
 
824
- &.ant-radio-button-wrapper-checked:not(
825
- [class*=" ant-radio-button-wrapper-disabled"]
826
- ).ant-radio-button-wrapper:first-child {
827
- border-right-color: $fills-light-general-general;
623
+ .E_sx1bpnu {
624
+ .ant-input-sm {
625
+ line-height: 18px;
828
626
  }
627
+ }
829
628
 
830
- &.ant-radio-button-wrapper-checked:not(
831
- .ant-radio-button-wrapper-disabled
832
- ):first-child {
833
- border-color: $fills-light-general-general;
834
- }
835
629
 
836
- &.ant-radio-button-wrapper-checked {
837
- background: $fills-light-general-general-light;
838
- }
630
+ .E_ccrbeuz {
631
+ .ant-collapse-item {
632
+ border: 0px;
633
+ background-color: $fills-light-white;
839
634
 
840
- &.ant-radio-button-wrapper-disabled {
841
- background: $fills-light-trans-3;
842
- border-color: $strokes-light-opaque-3;
843
- opacity: 0.5;
844
- &:hover {
845
- color: $text-light-primary;
846
- border-color: $strokes-light-opaque-3;
635
+ .ant-collapse-header {
636
+ padding-top: 0px;
637
+ padding-bottom: 0px;
638
+ padding-left: 0px !important;
639
+ padding-right: 24px;
640
+ .ant-collapse-arrow {
641
+ right: 0px;
642
+ }
847
643
  }
848
- }
849
-
850
- &.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
851
- color: $text-light-primary;
852
- border-color: $strokes-light-opaque-3;
853
- background: $fills-light-trans-5;
854
- }
855
-
856
- & .ant-radio-button-input {
857
- margin-right: 8px;
858
- display: inline;
859
- border: none;
860
- padding: 0;
861
- width: 36px;
862
- background: transparent;
863
- &:focus {
864
- box-shadow: none;
644
+ .ant-collapse-content {
645
+ .ant-collapse-content-box {
646
+ padding: 0px;
647
+ }
865
648
  }
866
649
  }
867
- & .ant-radio-button-input.ant-input-number {
868
- margin-right: 0;
869
- width: initial;
870
- box-shadow: none;
871
- }
872
- & .ant-radio-button-input .ant-input-number-handler-wrap {
873
- display: none;
874
- }
875
- & .ant-radio-button-input .ant-input-number-input-wrap {
876
- display: inline;
877
- }
878
- & .ant-radio-button-input .ant-input-number-input-wrap input {
879
- display: inline;
880
- margin-right: 8px;
881
- padding: 0;
882
- width: 36px;
883
- }
884
650
  }
885
651
 
886
-
887
- .E_ivqqkzv {
888
- height: 24px;
889
- width: 56px !important;
890
- margin-right: 4px;
652
+ .E_c1fljvag {
653
+ .ant-collapse-item {
654
+ .ant-collapse-header {
655
+ padding-right: 0px;
656
+ cursor: default;
657
+ }
658
+ }
891
659
  }
892
660
 
893
- .E_c1wk4q29 {
894
- color: $text-secondary-light;
895
- }
896
-
897
661
 
898
662
  .E_itxley7 {
899
663
  &.ant-input-group.ant-input-group-compact {
@@ -950,34 +714,106 @@
950
714
  }
951
715
 
952
716
 
953
- .E_i11gg7mj {
954
- .ant-input-prefix {
955
- margin-right: 8px;
956
- }
957
- .ant-input-suffix {
958
- margin-left: 8px;
717
+ .E_s1dizucg {
718
+ &.ant-switch {
719
+ min-width: 40px;
720
+ height: 24px;
721
+ background: $fills-trans-quinary-light;
722
+ overflow: hidden;
723
+ &:focus {
724
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
725
+ }
726
+ }
727
+ &.ant-switch-small {
728
+ min-width: 26px;
729
+ height: 16px;
730
+ }
731
+ &.ant-switch-large {
732
+ min-width: 52px;
733
+ height: 32px;
959
734
  }
960
- }
961
735
 
962
- .E_cc368xp {
963
- color: $gray-120;
964
- border-right: 1px solid $gray-a60-5;
965
- margin-right: 8px;
966
- padding-right: 8px;
736
+ &.ant-switch .ant-switch-handle {
737
+ height: 20px;
738
+ width: 20px;
739
+ &::before {
740
+ border-radius: 10px;
741
+ transition-delay: 120ms;
742
+ }
743
+ }
744
+ &.ant-switch-small .ant-switch-handle {
745
+ height: 14px;
746
+ width: 14px;
747
+ top: 1px;
748
+ left: 1px;
749
+ }
750
+ &.ant-switch-large .ant-switch-handle {
751
+ height: 28px;
752
+ width: 28px;
753
+ &::before {
754
+ border-radius: 14px;
755
+ }
756
+ }
757
+
758
+ &.ant-switch-checked {
759
+ background-color: $green-60;
760
+ }
761
+ &.ant-switch-checked .ant-switch-handle {
762
+ left: calc(100% - 20px - 2px);
763
+ }
764
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
765
+ left: calc(100% - 14px - 1px);
766
+ }
767
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
768
+ left: calc(100% - 28px - 2px);
769
+ }
967
770
  }
968
771
 
969
- .E_i11o6xqj {
772
+ .E_c1up6e3y {
773
+ margin-left: 5px;
774
+ }
775
+
776
+
777
+ .E_c1bus5hc {
778
+ --color: white;
779
+ height: 14px;
780
+ width: 14px;
781
+ border-radius: 50%;
782
+ flex-shrink: 0;
970
783
  display: flex;
971
- gap: 4px;
784
+ align-items: center;
785
+ justify-content: center;
786
+ border: 1px solid var(--color);
972
787
 
973
- .icon-wrapper {
974
- cursor: pointer;
788
+ .circle-inner {
789
+ position: relative;
790
+ height: 10px;
791
+ width: 10px;
792
+ border-radius: 50%;
793
+ overflow: hidden;
975
794
  }
976
- }
977
795
 
978
- .E_d19ruhdj {
979
- &.icon-wrapper {
980
- cursor: not-allowed;
796
+ .circle-content {
797
+ position: absolute;
798
+ height: 100%;
799
+ width: 100%;
800
+ left: 0;
801
+ top: 0;
802
+ border-radius: 50%;
803
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
804
+ transform: rotate(180deg);
805
+ }
806
+
807
+ .circle-child {
808
+ position: absolute;
809
+ height: 100%;
810
+ width: 100%;
811
+ left: 0;
812
+ top: 0;
813
+ margin-left: 50%;
814
+ transform-origin: left;
815
+ background: white;
816
+ transform: rotate(0deg);
981
817
  }
982
818
  }
983
819
 
@@ -1049,136 +885,293 @@
1049
885
  }
1050
886
 
1051
887
 
1052
- .E_s1dizucg {
1053
- &.ant-switch {
1054
- min-width: 40px;
1055
- height: 24px;
1056
- background: $fills-trans-quinary-light;
1057
- overflow: hidden;
1058
- &:focus {
1059
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
1060
- }
1061
- }
1062
- &.ant-switch-small {
1063
- min-width: 26px;
1064
- height: 16px;
1065
- }
1066
- &.ant-switch-large {
1067
- min-width: 52px;
1068
- height: 32px;
1069
- }
1070
-
1071
- &.ant-switch .ant-switch-handle {
1072
- height: 20px;
1073
- width: 20px;
1074
- &::before {
1075
- border-radius: 10px;
1076
- transition-delay: 120ms;
1077
- }
1078
- }
1079
- &.ant-switch-small .ant-switch-handle {
1080
- height: 14px;
1081
- width: 14px;
1082
- top: 1px;
1083
- left: 1px;
888
+ .E_i11gg7mj {
889
+ .ant-input-prefix {
890
+ margin-right: 8px;
1084
891
  }
1085
- &.ant-switch-large .ant-switch-handle {
1086
- height: 28px;
1087
- width: 28px;
1088
- &::before {
1089
- border-radius: 14px;
1090
- }
892
+ .ant-input-suffix {
893
+ margin-left: 8px;
1091
894
  }
895
+ }
1092
896
 
1093
- &.ant-switch-checked {
1094
- background-color: $green-60;
1095
- }
1096
- &.ant-switch-checked .ant-switch-handle {
1097
- left: calc(100% - 20px - 2px);
1098
- }
1099
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1100
- left: calc(100% - 14px - 1px);
1101
- }
1102
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1103
- left: calc(100% - 28px - 2px);
1104
- }
897
+ .E_cc368xp {
898
+ color: $gray-120;
899
+ border-right: 1px solid $gray-a60-5;
900
+ margin-right: 8px;
901
+ padding-right: 8px;
1105
902
  }
1106
903
 
1107
- .E_c1up6e3y {
1108
- margin-left: 5px;
1109
- }
904
+ .E_i11o6xqj {
905
+ display: flex;
906
+ gap: 4px;
1110
907
 
908
+ .icon-wrapper {
909
+ cursor: pointer;
910
+ }
911
+ }
1111
912
 
1112
- .E_tju3gfj {
1113
- .date {
1114
- margin-right: 4px;
913
+ .E_d19ruhdj {
914
+ &.icon-wrapper {
915
+ cursor: not-allowed;
1115
916
  }
1116
917
  }
1117
918
 
1118
919
 
1119
- .E_s1sck0th {
1120
- padding: 0 8px;
1121
- border-radius: 4px;
1122
- }
920
+ .E_rapgekc {
921
+ &.ant-radio-wrapper {
922
+ display: inline-flex;
923
+ align-items: baseline;
924
+ white-space: pre-wrap;
1123
925
 
1124
- .E_m855nr1 {
1125
- padding: 2px 8px;
1126
- border-radius: 3px;
1127
- }
926
+ .ant-radio {
927
+ position: relative;
928
+ top: 3px;
1128
929
 
1129
- .E_l1270xpg {
1130
- padding: 3px 8px;
1131
- border-radius: 2px;
1132
- }
930
+ .ant-radio-inner {
931
+ border-color: $strokes-light-trans-4;
932
+ }
1133
933
 
1134
- .E_t14rextb {
1135
- &.ant-tag:hover {
1136
- opacity: unset;
1137
- }
1138
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1139
- margin: 0;
1140
- margin-right: 8px;
1141
- display: inline-flex;
1142
- align-items: center;
1143
- border: none;
1144
- & .ant-tag-close-icon {
1145
- width: 16px;
1146
- height: 16px;
1147
- color: inherit;
1148
- margin-left: 4px;
1149
- opacity: 0.6;
1150
- display: inline-flex;
1151
- &:hover {
1152
- opacity: 1;
934
+ &:hover .ant-radio-inner {
935
+ border-color: $blue-60;
1153
936
  }
1154
- }
1155
- &.ant-tag-blue {
1156
- color: $fills-light-general-general;
1157
- background-color: $fills-light-general-general-light;
1158
- }
1159
- &.ant-tag-red {
1160
- color: $fills-light-serious-serious;
1161
- background-color: $fills-light-serious-serious-light;
1162
- }
1163
- &.ant-tag-yellow {
1164
- color: $fills-light-notice-notice-dark;
1165
- background-color: $fills-light-notice-notice-light;
1166
- }
1167
- &.ant-tag-green {
1168
- color: $fills-light-positive-positive-dark;
1169
- background-color: $fills-light-positive-positive-light;
1170
- }
1171
- &.ant-tag-gray {
1172
- color: $text-light-super;
1173
- background-color: $fills-element-light-container-general;
1174
- }
1175
- &.ant-tag-purple {
1176
- color: $text-colorful-purple;
1177
- background-color: $fill-purple-light;
1178
- }
1179
937
 
1180
- &.ui-kit-token-checked {
1181
- color: $text-light-on-tint;
938
+ &.ant-radio-checked .ant-radio-inner {
939
+ border-color: $blue-60;
940
+ background: $blue-60;
941
+ &::after {
942
+ top: 4px;
943
+ left: 4px;
944
+ width: 6px;
945
+ height: 6px;
946
+ background: $white;
947
+ }
948
+ }
949
+
950
+ &.ant-radio-disabled {
951
+ opacity: 0.5;
952
+
953
+ .ant-radio-inner {
954
+ border-color: $strokes-light-trans-4;
955
+ background: $fills-light-trans-3;
956
+ &::after {
957
+ background: $text-light-primary;
958
+ }
959
+ }
960
+
961
+ & + span {
962
+ color: $text-light-primary;
963
+ opacity: 0.5;
964
+
965
+ .radio-description {
966
+ color: $text-light-primary;
967
+ }
968
+ }
969
+ }
970
+
971
+ & + span {
972
+ display: inline-block;
973
+ padding: 0;
974
+ padding-left: 10px;
975
+
976
+ .radio-description {
977
+ margin-bottom: 0;
978
+ white-space: pre-wrap;
979
+ color: $text-secondary-light;
980
+ }
981
+ }
982
+ }
983
+ }
984
+
985
+ &.ant-radio-wrapper.compact {
986
+ .ant-radio + span {
987
+ padding-left: 8px;
988
+ }
989
+ }
990
+ }
991
+
992
+ .E_rp906go {
993
+ & .ant-radio-button-wrapper:first-child {
994
+ border-radius: 5px 0 0 5px;
995
+ }
996
+ & .ant-radio-button-wrapper:last-child {
997
+ border-radius: 0 5px 5px 0;
998
+ }
999
+ }
1000
+
1001
+ .E_rcc63c8 {
1002
+ color: $text-light-primary;
1003
+ border-color: $strokes-light-opaque-3;
1004
+
1005
+ &:first-child {
1006
+ border-color: $strokes-light-opaque-4;
1007
+ }
1008
+
1009
+ &.ant-radio-button-wrapper {
1010
+ padding: 0 12px;
1011
+ line-height: 32px;
1012
+ height: 32px;
1013
+
1014
+ > span + span {
1015
+ white-space: nowrap;
1016
+ }
1017
+ }
1018
+
1019
+ .ant-radio-group-small &.ant-radio-button-wrapper {
1020
+ height: 22px;
1021
+ padding: 0 7px;
1022
+ line-height: 20px;
1023
+ }
1024
+
1025
+ &.ant-radio-button-wrapper:not(:first-child)::before {
1026
+ background: $strokes-light-opaque-3;
1027
+ }
1028
+
1029
+ &.ant-radio-button-wrapper-checked:not(:first-child)::before {
1030
+ background: $fills-light-general-general;
1031
+ }
1032
+
1033
+ &.ant-radio-button-wrapper-disabled:not(:first-child)::before {
1034
+ background: $strokes-light-opaque-3;
1035
+ opacity: 0.5;
1036
+ }
1037
+
1038
+ &.ant-radio-button-wrapper-checked:not(
1039
+ [class*=" ant-radio-button-wrapper-disabled"]
1040
+ ).ant-radio-button-wrapper:first-child {
1041
+ border-right-color: $fills-light-general-general;
1042
+ }
1043
+
1044
+ &.ant-radio-button-wrapper-checked:not(
1045
+ .ant-radio-button-wrapper-disabled
1046
+ ):first-child {
1047
+ border-color: $fills-light-general-general;
1048
+ }
1049
+
1050
+ &.ant-radio-button-wrapper-checked {
1051
+ background: $fills-light-general-general-light;
1052
+ }
1053
+
1054
+ &.ant-radio-button-wrapper-disabled {
1055
+ background: $fills-light-trans-3;
1056
+ border-color: $strokes-light-opaque-3;
1057
+ opacity: 0.5;
1058
+ &:hover {
1059
+ color: $text-light-primary;
1060
+ border-color: $strokes-light-opaque-3;
1061
+ }
1062
+ }
1063
+
1064
+ &.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
1065
+ color: $text-light-primary;
1066
+ border-color: $strokes-light-opaque-3;
1067
+ background: $fills-light-trans-5;
1068
+ }
1069
+
1070
+ & .ant-radio-button-input {
1071
+ margin-right: 8px;
1072
+ display: inline;
1073
+ border: none;
1074
+ padding: 0;
1075
+ width: 36px;
1076
+ background: transparent;
1077
+ &:focus {
1078
+ box-shadow: none;
1079
+ }
1080
+ }
1081
+ & .ant-radio-button-input.ant-input-number {
1082
+ margin-right: 0;
1083
+ width: initial;
1084
+ box-shadow: none;
1085
+ }
1086
+ & .ant-radio-button-input .ant-input-number-handler-wrap {
1087
+ display: none;
1088
+ }
1089
+ & .ant-radio-button-input .ant-input-number-input-wrap {
1090
+ display: inline;
1091
+ }
1092
+ & .ant-radio-button-input .ant-input-number-input-wrap input {
1093
+ display: inline;
1094
+ margin-right: 8px;
1095
+ padding: 0;
1096
+ width: 36px;
1097
+ }
1098
+ }
1099
+
1100
+
1101
+ .E_ivqqkzv {
1102
+ height: 24px;
1103
+ width: 56px !important;
1104
+ margin-right: 4px;
1105
+ }
1106
+
1107
+ .E_c1wk4q29 {
1108
+ color: $text-secondary-light;
1109
+ }
1110
+
1111
+
1112
+ .E_s1sck0th {
1113
+ padding: 0 8px;
1114
+ border-radius: 4px;
1115
+ }
1116
+
1117
+ .E_m855nr1 {
1118
+ padding: 2px 8px;
1119
+ border-radius: 3px;
1120
+ }
1121
+
1122
+ .E_l1270xpg {
1123
+ padding: 3px 8px;
1124
+ border-radius: 2px;
1125
+ }
1126
+
1127
+ .E_t14rextb {
1128
+ &.ant-tag:hover {
1129
+ opacity: unset;
1130
+ }
1131
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
1132
+ margin: 0;
1133
+ margin-right: 8px;
1134
+ display: inline-flex;
1135
+ align-items: center;
1136
+ border: none;
1137
+ & .ant-tag-close-icon {
1138
+ width: 16px;
1139
+ height: 16px;
1140
+ color: inherit;
1141
+ margin-left: 4px;
1142
+ opacity: 0.6;
1143
+ display: inline-flex;
1144
+ &:hover {
1145
+ opacity: 1;
1146
+ }
1147
+ }
1148
+ &.ant-tag-blue {
1149
+ color: $fills-light-general-general;
1150
+ background-color: $fills-light-general-general-light;
1151
+ }
1152
+ &.ant-tag-red {
1153
+ color: $fills-light-serious-serious;
1154
+ background-color: $fills-light-serious-serious-light;
1155
+ }
1156
+ &.ant-tag-yellow {
1157
+ color: $fills-light-notice-notice-dark;
1158
+ background-color: $fills-light-notice-notice-light;
1159
+ }
1160
+ &.ant-tag-green {
1161
+ color: $fills-light-positive-positive-dark;
1162
+ background-color: $fills-light-positive-positive-light;
1163
+ }
1164
+ &.ant-tag-gray {
1165
+ color: $text-light-super;
1166
+ background-color: $fills-element-light-container-general;
1167
+ }
1168
+ &.ant-tag-purple {
1169
+ color: $text-colorful-purple;
1170
+ background-color: $fill-purple-light;
1171
+ }
1172
+
1173
+ &.ui-kit-token-checked {
1174
+ color: $text-light-on-tint;
1182
1175
  &.ant-tag-red {
1183
1176
  background-color: $fills-light-serious-serious;
1184
1177
  }
@@ -1202,16 +1195,9 @@
1202
1195
  }
1203
1196
 
1204
1197
 
1205
- .E_t1m2x205 {
1206
- .ant-tooltip-arrow {
1207
- display: none;
1208
- }
1209
- .ant-tooltip-inner {
1210
- background: $gray-a80-9;
1211
- border-radius: 4px;
1212
- &:has(.eagle-ellipsis-content) {
1213
- visibility: hidden;
1214
- }
1198
+ .E_tju3gfj {
1199
+ .date {
1200
+ margin-right: 4px;
1215
1201
  }
1216
1202
  }
1217
1203
 
@@ -1310,80 +1296,119 @@
1310
1296
  }
1311
1297
 
1312
1298
 
1313
- .E_atcz0kf {
1314
- .ant-input-suffix {
1315
- margin-left: 8px;
1299
+ .E_t1m2x205 {
1300
+ .ant-tooltip-arrow {
1301
+ display: none;
1316
1302
  }
1317
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1318
- padding: 2px 7px 2px 12px;
1303
+ .ant-tooltip-inner {
1304
+ background: $gray-a80-9;
1305
+ border-radius: 4px;
1306
+ &:has(.eagle-ellipsis-content) {
1307
+ visibility: hidden;
1308
+ }
1319
1309
  }
1320
1310
  }
1321
1311
 
1322
1312
 
1323
- .E_a1wfy30z {
1313
+ .E_iouxfgt {
1314
+ display: inline-flex;
1315
+ align-items: center;
1316
+
1317
+ .icon-inner {
1318
+ display: inline-flex;
1319
+ align-items: center;
1320
+ justify-content: center;
1321
+ }
1322
+ .icon-inner + span,
1323
+ span + .icon-inner.suffix {
1324
+ margin-left: 4px;
1325
+ }
1326
+ &.is-rotate {
1327
+ img,
1328
+ svg {
1329
+ animation: rotate 680ms linear infinite;
1330
+ }
1331
+ }
1332
+ }
1333
+
1334
+
1335
+ .E_ai7qkf2 {
1324
1336
  .ant-input-number-handler-wrap {
1325
- display: var(--a1wfy30z-0);
1337
+ display: var(--ai7qkf2-0);
1326
1338
  }
1327
1339
  .ant-input-number-input-wrap {
1328
- padding: 4px 11px;
1329
1340
  display: inline-flex;
1330
1341
  line-height: 1.5715;
1331
- height: inherit;
1342
+ height: 100%;
1343
+ width: 100%;
1332
1344
  }
1333
1345
 
1334
1346
  .ant-input-number-input-wrap::after {
1335
- content: var(--a1wfy30z-1);
1336
- display: var(--a1wfy30z-2);
1347
+ content: var(--ai7qkf2-1);
1348
+ display: var(--ai7qkf2-2);
1337
1349
  flex: none;
1338
1350
  align-items: center;
1339
1351
  margin-left: 4px;
1352
+ padding: 5px 12px 5px 0;
1353
+ color: rgba(44, 56, 82, 0.6);
1340
1354
  }
1341
1355
 
1342
1356
  .ant-input-number-input-wrap::before {
1343
- content: var(--a1wfy30z-3);
1344
- display: var(--a1wfy30z-4);
1357
+ content: var(--ai7qkf2-3);
1358
+ display: var(--ai7qkf2-4);
1345
1359
  flex: none;
1346
1360
  align-items: center;
1347
1361
  margin-right: 4px;
1348
1362
  cursor: auto;
1363
+ color: rgba(44, 56, 82, 0.6);
1349
1364
  }
1350
1365
 
1351
- .ant-input-number-input {
1352
- padding: 0;
1353
- margin: 0;
1354
- height: auto;
1355
- font-size: inherit;
1366
+ .ant-input-group.ant-input-group-compact > & {
1367
+ border-radius: 0;
1356
1368
  }
1357
- }
1358
-
1359
1369
 
1360
- .E_i1inqkme {
1361
- height: 18px;
1362
- line-height: 18px;
1363
- padding: 0 4px;
1364
- border-radius: 4px;
1365
- background: rgba(235, 239, 245, 0.6);
1366
- border: 1px solid rgba(223, 228, 235, 0.6);
1367
- display: flex;
1368
- align-items: center;
1369
- white-space: nowrap;
1370
- margin-right: 4px;
1371
- }
1370
+ &.ant-input-number {
1371
+ width: 100%;
1372
+ border-radius: 6px;
1373
+ }
1374
+ &.ant-input-number:not([disabled]) {
1375
+ &:focus,
1376
+ &:active,
1377
+ &.ant-input-number-focused {
1378
+ &.ant-input-number {
1379
+ border-color: $blue;
1380
+ box-shadow: $shadow-light-active;
1381
+ z-index: $input-hover-index;
1382
+ }
1383
+ }
1384
+ &.error {
1385
+ &:hover,
1386
+ &.ant-input-number-focused {
1387
+ &.ant-input-number {
1388
+ border-color: $red;
1389
+ box-shadow: $shadow-light-error;
1390
+ }
1391
+ }
1392
+ }
1393
+ }
1372
1394
 
1395
+ .ant-input-number-input {
1396
+ height: 30px;
1397
+ border: 1px;
1398
+ padding: 5px 12px;
1399
+ font-size: inherit;
1400
+ }
1373
1401
 
1374
- .E_fzh9mnb {
1375
- width: 100%;
1376
- height: 100%;
1377
- min-height: 124px;
1378
- display: flex;
1379
- flex-direction: column;
1380
- justify-content: center;
1381
- align-items: center;
1402
+ &.ant-input-number-lg input {
1403
+ height: 38px;
1404
+ border: 1px;
1405
+ padding: 8px 16px;
1406
+ }
1382
1407
 
1383
- .error-text {
1384
- color: $text-terdiary-light;
1385
- margin-bottom: 16px;
1386
- font-size: 18px;
1408
+ &.ant-input-number-sm input {
1409
+ height: 22px;
1410
+ border: 1px;
1411
+ padding: 2px 8px;
1387
1412
  }
1388
1413
  }
1389
1414
 
@@ -1430,105 +1455,80 @@
1430
1455
  }
1431
1456
 
1432
1457
 
1433
- .E_iouxfgt {
1434
- display: inline-flex;
1458
+ .E_i1inqkme {
1459
+ height: 18px;
1460
+ line-height: 18px;
1461
+ padding: 0 4px;
1462
+ border-radius: 4px;
1463
+ background: rgba(235, 239, 245, 0.6);
1464
+ border: 1px solid rgba(223, 228, 235, 0.6);
1465
+ display: flex;
1435
1466
  align-items: center;
1436
-
1437
- .icon-inner {
1438
- display: inline-flex;
1439
- align-items: center;
1440
- justify-content: center;
1441
- }
1442
- .icon-inner + span,
1443
- span + .icon-inner.suffix {
1444
- margin-left: 4px;
1445
- }
1446
- &.is-rotate {
1447
- img,
1448
- svg {
1449
- animation: rotate 680ms linear infinite;
1450
- }
1451
- }
1467
+ white-space: nowrap;
1468
+ margin-right: 4px;
1452
1469
  }
1453
1470
 
1454
1471
 
1455
- .E_ai7qkf2 {
1472
+ .E_a1wfy30z {
1456
1473
  .ant-input-number-handler-wrap {
1457
- display: var(--ai7qkf2-0);
1474
+ display: var(--a1wfy30z-0);
1458
1475
  }
1459
1476
  .ant-input-number-input-wrap {
1477
+ padding: 4px 11px;
1460
1478
  display: inline-flex;
1461
1479
  line-height: 1.5715;
1462
- height: 100%;
1463
- width: 100%;
1480
+ height: inherit;
1464
1481
  }
1465
1482
 
1466
1483
  .ant-input-number-input-wrap::after {
1467
- content: var(--ai7qkf2-1);
1468
- display: var(--ai7qkf2-2);
1484
+ content: var(--a1wfy30z-1);
1485
+ display: var(--a1wfy30z-2);
1469
1486
  flex: none;
1470
1487
  align-items: center;
1471
1488
  margin-left: 4px;
1472
- padding: 5px 12px 5px 0;
1473
- color: rgba(44, 56, 82, 0.6);
1474
1489
  }
1475
1490
 
1476
1491
  .ant-input-number-input-wrap::before {
1477
- content: var(--ai7qkf2-3);
1478
- display: var(--ai7qkf2-4);
1492
+ content: var(--a1wfy30z-3);
1493
+ display: var(--a1wfy30z-4);
1479
1494
  flex: none;
1480
1495
  align-items: center;
1481
1496
  margin-right: 4px;
1482
1497
  cursor: auto;
1483
- color: rgba(44, 56, 82, 0.6);
1484
1498
  }
1485
1499
 
1486
- .ant-input-group.ant-input-group-compact > & {
1487
- border-radius: 0;
1500
+ .ant-input-number-input {
1501
+ padding: 0;
1502
+ margin: 0;
1503
+ height: auto;
1504
+ font-size: inherit;
1488
1505
  }
1506
+ }
1489
1507
 
1490
- &.ant-input-number {
1491
- width: 100%;
1492
- border-radius: 6px;
1508
+
1509
+ .E_atcz0kf {
1510
+ .ant-input-suffix {
1511
+ margin-left: 8px;
1493
1512
  }
1494
- &.ant-input-number:not([disabled]) {
1495
- &:focus,
1496
- &:active,
1497
- &.ant-input-number-focused {
1498
- &.ant-input-number {
1499
- border-color: $blue;
1500
- box-shadow: $shadow-light-active;
1501
- z-index: $input-hover-index;
1502
- }
1503
- }
1504
- &.error {
1505
- &:hover,
1506
- &.ant-input-number-focused {
1507
- &.ant-input-number {
1508
- border-color: $red;
1509
- box-shadow: $shadow-light-error;
1510
- }
1511
- }
1512
- }
1513
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1514
+ padding: 2px 7px 2px 12px;
1513
1515
  }
1516
+ }
1514
1517
 
1515
- .ant-input-number-input {
1516
- height: 30px;
1517
- border: 1px;
1518
- padding: 5px 12px;
1519
- font-size: inherit;
1520
- }
1521
1518
 
1522
- &.ant-input-number-lg input {
1523
- height: 38px;
1524
- border: 1px;
1525
- padding: 8px 16px;
1526
- }
1519
+ .E_fzh9mnb {
1520
+ width: 100%;
1521
+ height: 100%;
1522
+ min-height: 124px;
1523
+ display: flex;
1524
+ flex-direction: column;
1525
+ justify-content: center;
1526
+ align-items: center;
1527
1527
 
1528
- &.ant-input-number-sm input {
1529
- height: 22px;
1530
- border: 1px;
1531
- padding: 2px 8px;
1528
+ .error-text {
1529
+ color: $text-terdiary-light;
1530
+ margin-bottom: 16px;
1531
+ font-size: 18px;
1532
1532
  }
1533
1533
  }
1534
1534
 
@@ -1897,11 +1897,6 @@
1897
1897
  }
1898
1898
 
1899
1899
 
1900
- .E_m196gn1d {
1901
- min-width: 1280px;
1902
- }
1903
-
1904
-
1905
1900
  .E_a1b5xrg3 {
1906
1901
  .user-icon-inner {
1907
1902
  display: inline-flex;
@@ -1939,6 +1934,11 @@
1939
1934
  }
1940
1935
 
1941
1936
 
1937
+ .E_m196gn1d {
1938
+ min-width: 1280px;
1939
+ }
1940
+
1941
+
1942
1942
  .E_cnujxq2 {
1943
1943
  display: flex;
1944
1944
  flex-direction: column;
@@ -2752,17 +2752,119 @@
2752
2752
  }
2753
2753
 
2754
2754
 
2755
- .E_s4ivdfu {
2756
- &.ant-select {
2757
- .ant-select-selection-placeholder {
2758
- opacity: 1;
2759
- }
2760
-
2761
- &.select-loading-value {
2762
- pointer-events: none;
2763
- }
2755
+ .E_s17wv897 {
2756
+ &.ant-select,
2757
+ &.ant-select div.ant-select-selector {
2758
+ border-radius: 6px;
2764
2759
  }
2765
- }
2760
+
2761
+ &.ant-select {
2762
+ &.ant-select-single {
2763
+ width: 100%;
2764
+ &[data-size="small"] {
2765
+ }
2766
+ &[data-size="middle"] {
2767
+ height: 30px;
2768
+ }
2769
+ &[data-size="large"] {
2770
+ }
2771
+ color: $text-primary-light;
2772
+ border-color: $strokes-light-trans-2;
2773
+ transition:
2774
+ border 160ms ease 8ms,
2775
+ box-shadow 160ms ease 8ms;
2776
+ font-size: 13px;
2777
+
2778
+ &.ant-select-lg {
2779
+ height: 38px;
2780
+ font-size: 13px;
2781
+ }
2782
+
2783
+ .ant-select-arrow,
2784
+ .ant-select-arrow .anticon-down {
2785
+ transition: 160ms ease;
2786
+ }
2787
+
2788
+ .ant-select-arrow-loading {
2789
+ color: $fills-light-general-general;
2790
+ }
2791
+
2792
+ &:not(.ant-select-disabled) {
2793
+ &:hover .ant-select-selector,
2794
+ &.__pseudo-states-hover .ant-select-selector {
2795
+ border-color: $strokes-light-trans-4;
2796
+ box-shadow: $shadow-light-hover;
2797
+ }
2798
+
2799
+ &:hover .ant-select-arrow,
2800
+ &.__pseudo-states-hover .ant-select-arrow {
2801
+ color: $fills-light-general-general;
2802
+ }
2803
+
2804
+ &:active,
2805
+ &:focus,
2806
+ &.ant-select-focused,
2807
+ &.ant-select-open,
2808
+ &.__pseudo-states-active,
2809
+ &.__pseudo-states-focus {
2810
+ .ant-select-selector {
2811
+ border-color: $fills-light-general-general;
2812
+ box-shadow: $shadow-light-active;
2813
+ }
2814
+ }
2815
+
2816
+ &.ant-select-open .ant-select-arrow .anticon-down {
2817
+ transform: rotate(180deg);
2818
+ }
2819
+ }
2820
+
2821
+ &.ant-select-disabled .ant-select-selector {
2822
+ background: $fills-light-trans-3;
2823
+ border-color: $strokes-light-trans-3;
2824
+ cursor: "not-allowed";
2825
+ }
2826
+ }
2827
+ &.select-error:not(.ant-select-disabled) {
2828
+ .ant-select-selector {
2829
+ border-color: $fills-light-serious-serious !important;
2830
+ }
2831
+
2832
+ &:hover .ant-select-arrow,
2833
+ &.__pseudo-states-hover .ant-select-arrow {
2834
+ color: $text-light-super;
2835
+ }
2836
+
2837
+ &:active,
2838
+ &:focus,
2839
+ &.ant-select-focused,
2840
+ &.ant-select-open,
2841
+ &.__pseudo-states-focus,
2842
+ &.__pseudo-states-active {
2843
+ .ant-select-selector {
2844
+ border-color: $fills-light-general-general;
2845
+ box-shadow: $shadow-light-error;
2846
+ }
2847
+ }
2848
+
2849
+ &.ant-select-open .ant-select-arrow .anticon-down {
2850
+ transform: rotate(180deg);
2851
+ }
2852
+ }
2853
+ }
2854
+ }
2855
+
2856
+
2857
+ .E_s4ivdfu {
2858
+ &.ant-select {
2859
+ .ant-select-selection-placeholder {
2860
+ opacity: 1;
2861
+ }
2862
+
2863
+ &.select-loading-value {
2864
+ pointer-events: none;
2865
+ }
2866
+ }
2867
+ }
2766
2868
 
2767
2869
  .E_sks9xr8 {
2768
2870
  &.ant-select {
@@ -2981,108 +3083,6 @@
2981
3083
  }
2982
3084
 
2983
3085
 
2984
- .E_s17wv897 {
2985
- &.ant-select,
2986
- &.ant-select div.ant-select-selector {
2987
- border-radius: 6px;
2988
- }
2989
-
2990
- &.ant-select {
2991
- &.ant-select-single {
2992
- width: 100%;
2993
- &[data-size="small"] {
2994
- }
2995
- &[data-size="middle"] {
2996
- height: 30px;
2997
- }
2998
- &[data-size="large"] {
2999
- }
3000
- color: $text-primary-light;
3001
- border-color: $strokes-light-trans-2;
3002
- transition:
3003
- border 160ms ease 8ms,
3004
- box-shadow 160ms ease 8ms;
3005
- font-size: 13px;
3006
-
3007
- &.ant-select-lg {
3008
- height: 38px;
3009
- font-size: 13px;
3010
- }
3011
-
3012
- .ant-select-arrow,
3013
- .ant-select-arrow .anticon-down {
3014
- transition: 160ms ease;
3015
- }
3016
-
3017
- .ant-select-arrow-loading {
3018
- color: $fills-light-general-general;
3019
- }
3020
-
3021
- &:not(.ant-select-disabled) {
3022
- &:hover .ant-select-selector,
3023
- &.__pseudo-states-hover .ant-select-selector {
3024
- border-color: $strokes-light-trans-4;
3025
- box-shadow: $shadow-light-hover;
3026
- }
3027
-
3028
- &:hover .ant-select-arrow,
3029
- &.__pseudo-states-hover .ant-select-arrow {
3030
- color: $fills-light-general-general;
3031
- }
3032
-
3033
- &:active,
3034
- &:focus,
3035
- &.ant-select-focused,
3036
- &.ant-select-open,
3037
- &.__pseudo-states-active,
3038
- &.__pseudo-states-focus {
3039
- .ant-select-selector {
3040
- border-color: $fills-light-general-general;
3041
- box-shadow: $shadow-light-active;
3042
- }
3043
- }
3044
-
3045
- &.ant-select-open .ant-select-arrow .anticon-down {
3046
- transform: rotate(180deg);
3047
- }
3048
- }
3049
-
3050
- &.ant-select-disabled .ant-select-selector {
3051
- background: $fills-light-trans-3;
3052
- border-color: $strokes-light-trans-3;
3053
- cursor: "not-allowed";
3054
- }
3055
- }
3056
- &.select-error:not(.ant-select-disabled) {
3057
- .ant-select-selector {
3058
- border-color: $fills-light-serious-serious !important;
3059
- }
3060
-
3061
- &:hover .ant-select-arrow,
3062
- &.__pseudo-states-hover .ant-select-arrow {
3063
- color: $text-light-super;
3064
- }
3065
-
3066
- &:active,
3067
- &:focus,
3068
- &.ant-select-focused,
3069
- &.ant-select-open,
3070
- &.__pseudo-states-focus,
3071
- &.__pseudo-states-active {
3072
- .ant-select-selector {
3073
- border-color: $fills-light-general-general;
3074
- box-shadow: $shadow-light-error;
3075
- }
3076
- }
3077
-
3078
- &.ant-select-open .ant-select-arrow .anticon-down {
3079
- transform: rotate(180deg);
3080
- }
3081
- }
3082
- }
3083
- }
3084
-
3085
-
3086
3086
  .E_w1dxz879 {
3087
3087
  display: flex;
3088
3088
  flex-direction: column;
@@ -3170,6 +3170,40 @@
3170
3170
  }
3171
3171
 
3172
3172
 
3173
+ .E_m5foqp8 {
3174
+ &.medium {
3175
+ --footer-height: 96px;
3176
+ --modal-content-width: 720px;
3177
+ --modal-content-min-height: 200px;
3178
+ --modal-header-padding: 40px 60px 8px;
3179
+ --modal-content-padding-top: 24px;
3180
+ --modal-content-padding-bottom: 32px;
3181
+ --modal-content-padding-x: 60px;
3182
+ --modal-footer-padding: 0 60px;
3183
+
3184
+ &.content-full.ant-modal {
3185
+ height: calc(100vh - 80px);
3186
+ width: calc(100vw - 160px);
3187
+ .ant-modal-content {
3188
+ width: 100%;
3189
+ height: 100%;
3190
+ max-width: unset;
3191
+ max-height: unset;
3192
+ display: flex;
3193
+ flex-direction: column;
3194
+ }
3195
+ .ant-modal-body {
3196
+ flex: 1;
3197
+ }
3198
+ }
3199
+
3200
+ .initializing-title {
3201
+ height: 32px;
3202
+ }
3203
+ }
3204
+ }
3205
+
3206
+
3173
3207
  .E_hrhfj7c {
3174
3208
  display: none;
3175
3209
  }
@@ -3422,40 +3456,6 @@
3422
3456
  }
3423
3457
 
3424
3458
 
3425
- .E_m5foqp8 {
3426
- &.medium {
3427
- --footer-height: 96px;
3428
- --modal-content-width: 720px;
3429
- --modal-content-min-height: 200px;
3430
- --modal-header-padding: 40px 60px 8px;
3431
- --modal-content-padding-top: 24px;
3432
- --modal-content-padding-bottom: 32px;
3433
- --modal-content-padding-x: 60px;
3434
- --modal-footer-padding: 0 60px;
3435
-
3436
- &.content-full.ant-modal {
3437
- height: calc(100vh - 80px);
3438
- width: calc(100vw - 160px);
3439
- .ant-modal-content {
3440
- width: 100%;
3441
- height: 100%;
3442
- max-width: unset;
3443
- max-height: unset;
3444
- display: flex;
3445
- flex-direction: column;
3446
- }
3447
- .ant-modal-body {
3448
- flex: 1;
3449
- }
3450
- }
3451
-
3452
- .initializing-title {
3453
- height: 32px;
3454
- }
3455
- }
3456
- }
3457
-
3458
-
3459
3459
  .E_ckaaqep {
3460
3460
  background: #acbad399;
3461
3461
  content: "";
@@ -4601,6 +4601,19 @@
4601
4601
  }
4602
4602
 
4603
4603
 
4604
+ .E_ckui4s7 {
4605
+ color: $text-primary-light;
4606
+ line-height: 22px;
4607
+ display: inline-flex;
4608
+ .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; } } }
4609
+ }
4610
+
4611
+
4612
+ .E_c1yd35n {
4613
+ padding: 0 12px 14px 12px;
4614
+ }
4615
+
4616
+
4604
4617
  .E_c1kghdax {
4605
4618
  color: $text-primary-light;
4606
4619
  padding: 7px 12px;
@@ -4649,19 +4662,6 @@
4649
4662
  }
4650
4663
 
4651
4664
 
4652
- .E_c1yd35n {
4653
- padding: 0 12px 14px 12px;
4654
- }
4655
-
4656
-
4657
- .E_ckui4s7 {
4658
- color: $text-primary-light;
4659
- line-height: 22px;
4660
- display: inline-flex;
4661
- .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; } } }
4662
- }
4663
-
4664
-
4665
4665
  .E_b14q2gmw {
4666
4666
  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
4667
4667
  0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
@@ -4745,125 +4745,349 @@
4745
4745
  }
4746
4746
 
4747
4747
 
4748
- .E_t1tbywr9 {
4749
- width: 100%;
4750
- flex: 1;
4751
- display: flex;
4752
- flex-direction: column;
4753
-
4754
- &.medium {
4755
- .tab-bar {
4756
- height: 32px;
4757
-
4758
- .common-tab-bar {
4759
- height: 32px;
4760
-
4761
- .tab-item-title {
4762
- height: 32px;
4763
- border-top-left-radius: 6px;
4764
- border-top-right-radius: 6px;
4765
- padding-right: 16px;
4766
- padding-left: 16px;
4767
- font-size: 16px;
4768
- }
4769
- }
4748
+ .E_sjob3jg {
4749
+ $item: ant-steps-item;
4750
+ --item-min-width: 60px;
4751
+ .#{$item} {
4752
+ &-tail,
4753
+ &-icon {
4754
+ display: none !important;
4770
4755
  }
4771
4756
  }
4772
-
4773
- &.small {
4774
- .tab-bar {
4775
- height: 24px;
4776
-
4777
- .common-tab-bar {
4778
- height: 24px;
4779
-
4780
- .tab-item-title {
4781
- height: 24px;
4782
- border-top-left-radius: 4px;
4783
- border-top-right-radius: 4px;
4784
- padding-right: 12px;
4785
- padding-left: 12px;
4786
- font-size: 14px;
4787
- }
4788
- }
4757
+ .#{$item}.#{$item}-active {
4758
+ flex-shrink: 0 !important;
4759
+ .step-item-prefix-container {
4760
+ color: $text-colorful-outstanding;
4761
+ }
4762
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4763
+ color: $text-colorful-outstanding;
4764
+ font-weight: normal;
4789
4765
  }
4790
4766
  }
4767
+ .#{$item}.#{$item}-finish {
4768
+ .#{$item}-container .#{$item}-content .#{$item}-title,
4769
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4770
+ color: $text-neutral-tertiary;
4771
+ }
4772
+ }
4773
+ .#{$item}.#{$item}-wait {
4774
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4775
+ color: $text-neutral-primary;
4776
+ }
4777
+ }
4778
+ .step-item-text {
4779
+ display: inline-block;
4780
+ }
4781
+ .step-item-title {
4782
+ overflow: hidden;
4783
+ white-space: nowrap;
4784
+ text-overflow: ellipsis;
4785
+ }
4786
+ }
4791
4787
 
4792
- .tab-bar {
4793
- max-width: 100%;
4794
- display: flex;
4795
- place-items: center;
4796
- border-bottom: 1px solid $fills-trans-terdiary-light;
4797
-
4798
- .common-tab-bar {
4799
- overflow: hidden;
4800
- display: flex;
4801
- place-items: center;
4802
-
4803
- .tab-item-title {
4804
- &:first-child:not(.__selected):not(:hover) {
4805
- padding-left: 0px;
4788
+ .E_hjvj6s6 {
4789
+ $item: ant-steps-item;
4790
+ @mixin rightTriangle($color: $fills-light-trans-1) {
4791
+ content: "";
4792
+ width: 0;
4793
+ height: 0;
4794
+ border: 13px solid transparent;
4795
+ position: absolute;
4796
+ top: 0;
4797
+ border-left: 8px solid $color;
4798
+ }
4799
+ .#{$item}-container {
4800
+ min-width: var(--item-min-width);
4801
+ }
4802
+ .#{$item}-disabled {
4803
+ cursor: not-allowed !important;
4804
+ }
4805
+ .ant-steps-horizontal.ant-steps-label-horizontal {
4806
+ flex-direction: row;
4807
+ justify-content: stretch;
4808
+ .#{$item} {
4809
+ padding: 0;
4810
+ margin-right: 4px;
4811
+ flex: 1;
4812
+ overflow: visible;
4813
+ .#{$item}-content {
4814
+ width: 100%;
4815
+ min-height: unset;
4816
+ .#{$item}-title {
4817
+ height: 26px;
4818
+ line-height: 26px;
4819
+ width: 100%;
4820
+ padding: 0;
4821
+ font-size: 12px;
4822
+ .step-count {
4823
+ margin-right: 10px;
4824
+ }
4825
+ &::after {
4826
+ display: none;
4827
+ }
4806
4828
  }
4807
4829
  }
4808
-
4809
- & + .tab-item-title {
4810
- margin-left: 12px;
4811
- position: relative;
4812
-
4813
- &::before {
4814
- content: "";
4815
- width: 1px;
4816
- height: 24px;
4817
- background: $strokes-light-trans-3;
4818
- position: absolute;
4819
- left: -6px;
4820
- top: 50%;
4821
- transform: translateY(-50%);
4830
+ &:first-child {
4831
+ .#{$item}-container {
4832
+ padding-left: 8px;
4833
+ padding-right: 4px;
4834
+ border-radius: 4px 0 0 4px;
4822
4835
  }
4823
4836
  }
4824
- }
4825
-
4826
- .tab-item-title {
4827
- flex-shrink: 0;
4828
- display: flex;
4829
- place-items: center;
4830
- cursor: pointer;
4831
- color: $text-neutral-secondary;
4832
- transition:
4833
- color 100ms ease-out,
4834
- background-color 100ms ease-out,
4835
- padding-left 320ms ease 80ms;
4836
-
4837
- &:hover {
4838
- padding-left: 16px;
4839
- color: $text-light-general;
4840
- background: $fill-outstanding-lighthover;
4841
- }
4842
-
4843
- & + .tab-item-title {
4844
- margin-left: 2px;
4837
+ &:last-child {
4838
+ margin-right: 0;
4839
+ .#{$item}-container {
4840
+ padding-right: 8px;
4841
+ padding-left: 12px;
4842
+ border-radius: 0 4px 4px 0;
4843
+ }
4845
4844
  }
4846
-
4847
- &.more {
4848
- &:not(.__selected) {
4849
- width: 16px;
4850
- height: 16px;
4851
- padding: 0;
4852
- border-radius: 2px;
4853
- margin-left: 8px;
4845
+ &:not(&:last-child) {
4846
+ &::after {
4847
+ @include rightTriangle();
4848
+ z-index: 2;
4849
+ position: relative;
4850
+ top: -50%;
4851
+ right: -100%;
4854
4852
  }
4855
-
4856
- &.__selected.tab-title-text {
4857
- margin-left: 8px;
4853
+ }
4854
+ &:not(:first-child):not(:last-child) {
4855
+ .#{$item}-container {
4856
+ padding: 0 4px 0 12px;
4858
4857
  }
4859
4858
  }
4860
-
4861
- &.__selected {
4862
- padding-left: 16px;
4863
- background: $fills-light-general-general-light;
4864
- color: $text-light-general;
4859
+ &:not(&:first-child) {
4860
+ &::before {
4861
+ @include rightTriangle(#fff);
4862
+ left: 0;
4863
+ }
4865
4864
  }
4866
-
4865
+ }
4866
+ .#{$item}-active {
4867
+ max-width: calc(100% - var(--item-min-width) * 2);
4868
+ .#{$item}-container {
4869
+ background-color: $fills-light-general-general-light;
4870
+ }
4871
+ &::after {
4872
+ border-left-color: $fills-light-general-general-light !important;
4873
+ }
4874
+ }
4875
+ .#{$item}-finish {
4876
+ cursor: pointer;
4877
+ min-width: var(--item-min-width);
4878
+ }
4879
+ .#{$item}-wait,
4880
+ .#{$item}-finish {
4881
+ min-width: var(--item-min-width);
4882
+ .#{$item}-container {
4883
+ background-color: $fills-light-trans-1;
4884
+ }
4885
+ }
4886
+ }
4887
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4888
+ .ant-steps-vertical
4889
+ )
4890
+ .#{$item} {
4891
+ padding: 0;
4892
+ }
4893
+ }
4894
+
4895
+ .E_v4tv3mf {
4896
+ $item: ant-steps-item;
4897
+ .ant-steps.ant-steps-vertical {
4898
+ width: 192px;
4899
+ row-gap: 2px;
4900
+
4901
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
4902
+ &:hover {
4903
+ background-color: $fill-neutral-trans-2;
4904
+ }
4905
+ .#{$item}-title {
4906
+ color: $text-neutral-primary !important;
4907
+ }
4908
+ }
4909
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4910
+ .#{$item}-container:hover {
4911
+ background-color: $fill-neutral-trans-2;
4912
+ }
4913
+ .#{$item}-container {
4914
+ padding: 0 8px;
4915
+ border-radius: 4px;
4916
+ height: 32px;
4917
+ display: flex;
4918
+ align-items: center;
4919
+ .#{$item}-content {
4920
+ min-height: auto;
4921
+ white-space: nowrap;
4922
+ & .ant-steps-item-title {
4923
+ font-size: 13px;
4924
+ line-height: 20px;
4925
+ max-width: 100%;
4926
+ padding-right: 0;
4927
+ }
4928
+ }
4929
+ }
4930
+ .#{$item}-active {
4931
+ .ant-steps-item-container {
4932
+ background: rgba($blue-60, 0.1);
4933
+ }
4934
+ }
4935
+ }
4936
+ }
4937
+
4938
+ .E_h6l1tj4 {
4939
+ width: 100%;
4940
+ display: inline-flex;
4941
+ align-items: center;
4942
+ justify-content: center;
4943
+ column-gap: 4px;
4944
+ .step-item-prefix-container {
4945
+ display: inline-flex;
4946
+ align-items: center;
4947
+ width: 18px;
4948
+ height: 18px;
4949
+ color: $gray-a75-8;
4950
+ justify-content: center;
4951
+ }
4952
+ }
4953
+
4954
+ .E_v18frne8 {
4955
+ width: 100%;
4956
+ display: flex;
4957
+ align-items: center;
4958
+ justify-content: center;
4959
+ column-gap: 6px;
4960
+ font-size: 13px;
4961
+ .step-item-prefix-container {
4962
+ display: inline-flex;
4963
+ align-items: center;
4964
+ min-width: 20px;
4965
+ min-height: 20px;
4966
+ color: $gray-a75-8;
4967
+ justify-content: center;
4968
+ }
4969
+ }
4970
+
4971
+
4972
+ .E_t1tbywr9 {
4973
+ width: 100%;
4974
+ flex: 1;
4975
+ display: flex;
4976
+ flex-direction: column;
4977
+
4978
+ &.medium {
4979
+ .tab-bar {
4980
+ height: 32px;
4981
+
4982
+ .common-tab-bar {
4983
+ height: 32px;
4984
+
4985
+ .tab-item-title {
4986
+ height: 32px;
4987
+ border-top-left-radius: 6px;
4988
+ border-top-right-radius: 6px;
4989
+ padding-right: 16px;
4990
+ padding-left: 16px;
4991
+ font-size: 16px;
4992
+ }
4993
+ }
4994
+ }
4995
+ }
4996
+
4997
+ &.small {
4998
+ .tab-bar {
4999
+ height: 24px;
5000
+
5001
+ .common-tab-bar {
5002
+ height: 24px;
5003
+
5004
+ .tab-item-title {
5005
+ height: 24px;
5006
+ border-top-left-radius: 4px;
5007
+ border-top-right-radius: 4px;
5008
+ padding-right: 12px;
5009
+ padding-left: 12px;
5010
+ font-size: 14px;
5011
+ }
5012
+ }
5013
+ }
5014
+ }
5015
+
5016
+ .tab-bar {
5017
+ max-width: 100%;
5018
+ display: flex;
5019
+ place-items: center;
5020
+ border-bottom: 1px solid $fills-trans-terdiary-light;
5021
+
5022
+ .common-tab-bar {
5023
+ overflow: hidden;
5024
+ display: flex;
5025
+ place-items: center;
5026
+
5027
+ .tab-item-title {
5028
+ &:first-child:not(.__selected):not(:hover) {
5029
+ padding-left: 0px;
5030
+ }
5031
+ }
5032
+
5033
+ & + .tab-item-title {
5034
+ margin-left: 12px;
5035
+ position: relative;
5036
+
5037
+ &::before {
5038
+ content: "";
5039
+ width: 1px;
5040
+ height: 24px;
5041
+ background: $strokes-light-trans-3;
5042
+ position: absolute;
5043
+ left: -6px;
5044
+ top: 50%;
5045
+ transform: translateY(-50%);
5046
+ }
5047
+ }
5048
+ }
5049
+
5050
+ .tab-item-title {
5051
+ flex-shrink: 0;
5052
+ display: flex;
5053
+ place-items: center;
5054
+ cursor: pointer;
5055
+ color: $text-neutral-secondary;
5056
+ transition:
5057
+ color 100ms ease-out,
5058
+ background-color 100ms ease-out,
5059
+ padding-left 320ms ease 80ms;
5060
+
5061
+ &:hover {
5062
+ padding-left: 16px;
5063
+ color: $text-light-general;
5064
+ background: $fill-outstanding-lighthover;
5065
+ }
5066
+
5067
+ & + .tab-item-title {
5068
+ margin-left: 2px;
5069
+ }
5070
+
5071
+ &.more {
5072
+ &:not(.__selected) {
5073
+ width: 16px;
5074
+ height: 16px;
5075
+ padding: 0;
5076
+ border-radius: 2px;
5077
+ margin-left: 8px;
5078
+ }
5079
+
5080
+ &.__selected.tab-title-text {
5081
+ margin-left: 8px;
5082
+ }
5083
+ }
5084
+
5085
+ &.__selected {
5086
+ padding-left: 16px;
5087
+ background: $fills-light-general-general-light;
5088
+ color: $text-light-general;
5089
+ }
5090
+
4867
5091
  &.__hidden {
4868
5092
  display: none;
4869
5093
  }
@@ -4967,29 +5191,79 @@
4967
5191
  }
4968
5192
 
4969
5193
 
4970
- .E_t1dtlqs1 {
4971
- margin-bottom: 4px;
4972
- color: $text-secondary-light;
5194
+ .E_i1g85yz3 {
5195
+ margin-right: 4px;
5196
+ height: 16px;
4973
5197
  }
4974
5198
 
4975
- .E_s1ese5oy {
4976
- color: rgba(44, 56, 82, 0.6);
4977
- line-height: 32px;
4978
- height: 32px;
4979
- margin-bottom: 0;
4980
- &.primary,
4981
- &.info {
4982
- color: $text-light-general;
4983
- }
4984
- &.warning {
4985
- color: #ffa500;
5199
+
5200
+ .E_slr2ynn {
5201
+ padding: 0 8px;
5202
+ height: 18px;
4986
5203
  }
4987
- &.success {
4988
- color: $text-light-positive;
5204
+
5205
+ .E_m140wbb6 {
5206
+ padding: 2px 8px;
5207
+ height: 24px;
4989
5208
  }
4990
- &.danger,
4991
- &.error {
4992
- color: $text-light-serious;
5209
+
5210
+ .E_t1fozc1i {
5211
+ margin: 0;
5212
+ }
5213
+
5214
+ .E_i1vxv4ln {
5215
+ margin-right: 4px;
5216
+ height: 16px;
5217
+ }
5218
+
5219
+ .E_n1afl31m {
5220
+ &.ant-tag.ant-tag-gray {
5221
+ font-weight: 700;
5222
+ color: $text-neutral-primary;
5223
+ background-color: $fill-neutral-trans-1;
5224
+ border: 1px solid $stroke-neutral-trans-2;
5225
+ word-break: break-all;
5226
+ display: inline;
5227
+ white-space: normal;
5228
+ }
5229
+ }
5230
+
5231
+
5232
+ .E_w7ob4th {
5233
+ &.outside-tag {
5234
+ padding-left: 0;
5235
+ .inside-tag {
5236
+ border-radius: 4px 0 0 4px;
5237
+ padding-right: 4px;
5238
+ margin-right: 4px;
5239
+ }
5240
+ }
5241
+ }
5242
+
5243
+
5244
+ .E_t1dtlqs1 {
5245
+ margin-bottom: 4px;
5246
+ color: $text-secondary-light;
5247
+ }
5248
+
5249
+ .E_s1ese5oy {
5250
+ color: rgba(44, 56, 82, 0.6);
5251
+ line-height: 32px;
5252
+ height: 32px;
5253
+ margin-bottom: 0;
5254
+ &.primary,
5255
+ &.info {
5256
+ color: $text-light-general;
5257
+ }
5258
+ &.warning {
5259
+ color: #ffa500;
5260
+ }
5261
+ &.success {
5262
+ color: $text-light-positive;
5263
+ }
5264
+ &.danger,
5265
+ &.error {
5266
+ color: $text-light-serious;
4993
5267
  }
4994
5268
  &.normal {
4995
5269
  color: $text-secondary-light;
@@ -5079,416 +5353,142 @@
5079
5353
  flex: 1 0 0;
5080
5354
  overflow: hidden;
5081
5355
  .cell-description {
5082
- color: $text-secondary-light;
5083
- margin: 0;
5084
- }
5085
-
5086
- @mixin text-align-style($align-position) {
5087
- & > * {
5088
- text-align: $align-position;
5089
- }
5090
- .ant-form-item-control-input-content {
5091
- &,
5092
- & > * {
5093
- text-align: $align-position;
5094
- }
5095
- }
5096
- }
5097
-
5098
- &.align-center {
5099
- @include text-align-style(center);
5100
- }
5101
- &.align-left {
5102
- @include text-align-style(left);
5103
- }
5104
- &.align-right {
5105
- @include text-align-style(right);
5106
- }
5107
-
5108
- &:not(:last-of-type) {
5109
- margin-right: 8px;
5110
- }
5111
- }
5112
- .ant-list-item-action {
5113
- padding: 4px;
5114
- width: 24px;
5115
- height: 24px;
5116
- overflow: hidden;
5117
- li {
5118
- padding: 0;
5119
- }
5120
- }
5121
- .delete-row-icon.disabled {
5122
- cursor: not-allowed;
5123
- opacity: 0.5;
5124
- }
5125
- &.size-default {
5126
- .ant-list-item-action {
5127
- margin: 0;
5128
- }
5129
- .eagle-table-form-cell {
5130
- .ant-input,
5131
- .ant-select-selector {
5132
- border-radius: 5px;
5133
- font-size: 12px;
5134
- }
5135
- .ant-input-affix-wrapper {
5136
- font-size: inherit;
5137
- }
5138
-
5139
- .ant-form-item-control-input {
5140
- min-height: 24px;
5141
- font-size: 12px;
5142
- position: relative;
5143
- }
5144
- }
5145
- }
5146
- }
5147
- &.row-split-by-border {
5148
- .eagle-table-form-row {
5149
- border-bottom: 1px solid $fills-light-trans-2;
5150
- }
5151
- }
5152
- &.row-split-by-zebraMarking {
5153
- .draggable-container {
5154
- & > :nth-child(2n) {
5155
- background-color: $fills-trans-primary-light;
5156
- }
5157
- }
5158
- }
5159
- }
5160
-
5161
- .E_a138syjm {
5162
- display: flex;
5163
- align-items: center;
5164
- gap: 8px;
5165
-
5166
- button.ant-btn {
5167
- padding: 2px 8px;
5168
- height: 24px;
5169
- }
5170
- & > span.maximum-desc {
5171
- display: none;
5172
- color: $text-secondary-light;
5173
- &.disabled {
5174
- display: inline;
5175
- }
5176
- }
5177
- }
5178
-
5179
- .E_d77i8u0 {
5180
- width: 24px;
5181
- height: 24px;
5182
- padding: 4px;
5183
- margin-right: 8px;
5184
- }
5185
-
5186
-
5187
- .E_i1g85yz3 {
5188
- margin-right: 4px;
5189
- height: 16px;
5190
- }
5191
-
5192
-
5193
- .E_t13ef470 {
5194
- height: 100%;
5195
- .table-loading-item {
5196
- padding: 12px 4px;
5197
- border-bottom: 1px solid rgba($gray-50, 0.18);
5198
- display: flex;
5199
-
5200
- > * {
5201
- height: 16px;
5202
- margin: 4px;
5203
- background: rgba($gray-50, 0.18);
5204
- border-radius: 2px;
5205
- }
5206
- .checkbox-loading {
5207
- width: 16px;
5208
- }
5209
- .td-loading {
5210
- flex: 1;
5211
- }
5212
- }
5213
-
5214
- :nth-child(1) {
5215
- padding: 8px 4px;
5216
- > * {
5217
- background: rgba($gray-70, 0.18);
5218
- }
5219
- }
5220
- :nth-child(1) {
5221
- > * {
5222
- background: rgba($gray-60, 0.18);
5223
- }
5224
- }
5225
- }
5226
-
5227
-
5228
- .E_w7ob4th {
5229
- &.outside-tag {
5230
- padding-left: 0;
5231
- .inside-tag {
5232
- border-radius: 4px 0 0 4px;
5233
- padding-right: 4px;
5234
- margin-right: 4px;
5235
- }
5236
- }
5237
- }
5238
-
5239
-
5240
- .E_sjob3jg {
5241
- $item: ant-steps-item;
5242
- --item-min-width: 60px;
5243
- .#{$item} {
5244
- &-tail,
5245
- &-icon {
5246
- display: none !important;
5247
- }
5248
- }
5249
- .#{$item}.#{$item}-active {
5250
- flex-shrink: 0 !important;
5251
- .step-item-prefix-container {
5252
- color: $text-colorful-outstanding;
5253
- }
5254
- .#{$item}-container .#{$item}-content .#{$item}-title {
5255
- color: $text-colorful-outstanding;
5256
- font-weight: normal;
5257
- }
5258
- }
5259
- .#{$item}.#{$item}-finish {
5260
- .#{$item}-container .#{$item}-content .#{$item}-title,
5261
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
5262
- color: $text-neutral-tertiary;
5263
- }
5264
- }
5265
- .#{$item}.#{$item}-wait {
5266
- .#{$item}-container .#{$item}-content .#{$item}-title {
5267
- color: $text-neutral-primary;
5268
- }
5269
- }
5270
- .step-item-text {
5271
- display: inline-block;
5272
- }
5273
- .step-item-title {
5274
- overflow: hidden;
5275
- white-space: nowrap;
5276
- text-overflow: ellipsis;
5277
- }
5278
- }
5279
-
5280
- .E_hjvj6s6 {
5281
- $item: ant-steps-item;
5282
- @mixin rightTriangle($color: $fills-light-trans-1) {
5283
- content: "";
5284
- width: 0;
5285
- height: 0;
5286
- border: 13px solid transparent;
5287
- position: absolute;
5288
- top: 0;
5289
- border-left: 8px solid $color;
5290
- }
5291
- .#{$item}-container {
5292
- min-width: var(--item-min-width);
5293
- }
5294
- .#{$item}-disabled {
5295
- cursor: not-allowed !important;
5296
- }
5297
- .ant-steps-horizontal.ant-steps-label-horizontal {
5298
- flex-direction: row;
5299
- justify-content: stretch;
5300
- .#{$item} {
5301
- padding: 0;
5302
- margin-right: 4px;
5303
- flex: 1;
5304
- overflow: visible;
5305
- .#{$item}-content {
5306
- width: 100%;
5307
- min-height: unset;
5308
- .#{$item}-title {
5309
- height: 26px;
5310
- line-height: 26px;
5311
- width: 100%;
5312
- padding: 0;
5313
- font-size: 12px;
5314
- .step-count {
5315
- margin-right: 10px;
5316
- }
5317
- &::after {
5318
- display: none;
5319
- }
5320
- }
5321
- }
5322
- &:first-child {
5323
- .#{$item}-container {
5324
- padding-left: 8px;
5325
- padding-right: 4px;
5326
- border-radius: 4px 0 0 4px;
5327
- }
5328
- }
5329
- &:last-child {
5330
- margin-right: 0;
5331
- .#{$item}-container {
5332
- padding-right: 8px;
5333
- padding-left: 12px;
5334
- border-radius: 0 4px 4px 0;
5335
- }
5336
- }
5337
- &:not(&:last-child) {
5338
- &::after {
5339
- @include rightTriangle();
5340
- z-index: 2;
5341
- position: relative;
5342
- top: -50%;
5343
- right: -100%;
5344
- }
5345
- }
5346
- &:not(:first-child):not(:last-child) {
5347
- .#{$item}-container {
5348
- padding: 0 4px 0 12px;
5349
- }
5356
+ color: $text-secondary-light;
5357
+ margin: 0;
5350
5358
  }
5351
- &:not(&:first-child) {
5352
- &::before {
5353
- @include rightTriangle(#fff);
5354
- left: 0;
5359
+
5360
+ @mixin text-align-style($align-position) {
5361
+ & > * {
5362
+ text-align: $align-position;
5363
+ }
5364
+ .ant-form-item-control-input-content {
5365
+ &,
5366
+ & > * {
5367
+ text-align: $align-position;
5368
+ }
5355
5369
  }
5356
5370
  }
5357
- }
5358
- .#{$item}-active {
5359
- max-width: calc(100% - var(--item-min-width) * 2);
5360
- .#{$item}-container {
5361
- background-color: $fills-light-general-general-light;
5371
+
5372
+ &.align-center {
5373
+ @include text-align-style(center);
5362
5374
  }
5363
- &::after {
5364
- border-left-color: $fills-light-general-general-light !important;
5375
+ &.align-left {
5376
+ @include text-align-style(left);
5365
5377
  }
5366
- }
5367
- .#{$item}-finish {
5368
- cursor: pointer;
5369
- min-width: var(--item-min-width);
5370
- }
5371
- .#{$item}-wait,
5372
- .#{$item}-finish {
5373
- min-width: var(--item-min-width);
5374
- .#{$item}-container {
5375
- background-color: $fills-light-trans-1;
5378
+ &.align-right {
5379
+ @include text-align-style(right);
5376
5380
  }
5377
- }
5378
- }
5379
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
5380
- .ant-steps-vertical
5381
- )
5382
- .#{$item} {
5383
- padding: 0;
5384
- }
5385
- }
5386
-
5387
- .E_v4tv3mf {
5388
- $item: ant-steps-item;
5389
- .ant-steps.ant-steps-vertical {
5390
- width: 192px;
5391
- row-gap: 2px;
5392
5381
 
5393
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
5394
- &:hover {
5395
- background-color: $fill-neutral-trans-2;
5382
+ &:not(:last-of-type) {
5383
+ margin-right: 8px;
5396
5384
  }
5397
- .#{$item}-title {
5398
- color: $text-neutral-primary !important;
5385
+ }
5386
+ .ant-list-item-action {
5387
+ padding: 4px;
5388
+ width: 24px;
5389
+ height: 24px;
5390
+ overflow: hidden;
5391
+ li {
5392
+ padding: 0;
5399
5393
  }
5400
5394
  }
5401
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
5402
- .#{$item}-container:hover {
5403
- background-color: $fill-neutral-trans-2;
5395
+ .delete-row-icon.disabled {
5396
+ cursor: not-allowed;
5397
+ opacity: 0.5;
5404
5398
  }
5405
- .#{$item}-container {
5406
- padding: 0 8px;
5407
- border-radius: 4px;
5408
- height: 32px;
5409
- display: flex;
5410
- align-items: center;
5411
- .#{$item}-content {
5412
- min-height: auto;
5413
- white-space: nowrap;
5414
- & .ant-steps-item-title {
5415
- font-size: 13px;
5416
- line-height: 20px;
5417
- max-width: 100%;
5418
- padding-right: 0;
5399
+ &.size-default {
5400
+ .ant-list-item-action {
5401
+ margin: 0;
5402
+ }
5403
+ .eagle-table-form-cell {
5404
+ .ant-input,
5405
+ .ant-select-selector {
5406
+ border-radius: 5px;
5407
+ font-size: 12px;
5408
+ }
5409
+ .ant-input-affix-wrapper {
5410
+ font-size: inherit;
5411
+ }
5412
+
5413
+ .ant-form-item-control-input {
5414
+ min-height: 24px;
5415
+ font-size: 12px;
5416
+ position: relative;
5419
5417
  }
5420
5418
  }
5421
5419
  }
5422
- .#{$item}-active {
5423
- .ant-steps-item-container {
5424
- background: rgba($blue-60, 0.1);
5425
- }
5420
+ }
5421
+ &.row-split-by-border {
5422
+ .eagle-table-form-row {
5423
+ border-bottom: 1px solid $fills-light-trans-2;
5426
5424
  }
5427
5425
  }
5428
- }
5429
-
5430
- .E_h6l1tj4 {
5431
- width: 100%;
5432
- display: inline-flex;
5433
- align-items: center;
5434
- justify-content: center;
5435
- column-gap: 4px;
5436
- .step-item-prefix-container {
5437
- display: inline-flex;
5438
- align-items: center;
5439
- width: 18px;
5440
- height: 18px;
5441
- color: $gray-a75-8;
5442
- justify-content: center;
5426
+ &.row-split-by-zebraMarking {
5427
+ .draggable-container {
5428
+ & > :nth-child(2n) {
5429
+ background-color: $fills-trans-primary-light;
5430
+ }
5431
+ }
5443
5432
  }
5444
5433
  }
5445
5434
 
5446
- .E_v18frne8 {
5447
- width: 100%;
5435
+ .E_a138syjm {
5448
5436
  display: flex;
5449
5437
  align-items: center;
5450
- justify-content: center;
5451
- column-gap: 6px;
5452
- font-size: 13px;
5453
- .step-item-prefix-container {
5454
- display: inline-flex;
5455
- align-items: center;
5456
- min-width: 20px;
5457
- min-height: 20px;
5458
- color: $gray-a75-8;
5459
- justify-content: center;
5460
- }
5461
- }
5462
-
5463
-
5464
- .E_slr2ynn {
5465
- padding: 0 8px;
5466
- height: 18px;
5467
- }
5438
+ gap: 8px;
5468
5439
 
5469
- .E_m140wbb6 {
5440
+ button.ant-btn {
5470
5441
  padding: 2px 8px;
5471
5442
  height: 24px;
5472
5443
  }
5473
-
5474
- .E_t1fozc1i {
5475
- margin: 0;
5444
+ & > span.maximum-desc {
5445
+ display: none;
5446
+ color: $text-secondary-light;
5447
+ &.disabled {
5448
+ display: inline;
5449
+ }
5450
+ }
5476
5451
  }
5477
5452
 
5478
- .E_i1vxv4ln {
5479
- margin-right: 4px;
5480
- height: 16px;
5453
+ .E_d77i8u0 {
5454
+ width: 24px;
5455
+ height: 24px;
5456
+ padding: 4px;
5457
+ margin-right: 8px;
5481
5458
  }
5482
5459
 
5483
- .E_n1afl31m {
5484
- &.ant-tag.ant-tag-gray {
5485
- font-weight: 700;
5486
- color: $text-neutral-primary;
5487
- background-color: $fill-neutral-trans-1;
5488
- border: 1px solid $stroke-neutral-trans-2;
5489
- word-break: break-all;
5490
- display: inline;
5491
- white-space: normal;
5460
+
5461
+ .E_t13ef470 {
5462
+ height: 100%;
5463
+ .table-loading-item {
5464
+ padding: 12px 4px;
5465
+ border-bottom: 1px solid rgba($gray-50, 0.18);
5466
+ display: flex;
5467
+
5468
+ > * {
5469
+ height: 16px;
5470
+ margin: 4px;
5471
+ background: rgba($gray-50, 0.18);
5472
+ border-radius: 2px;
5473
+ }
5474
+ .checkbox-loading {
5475
+ width: 16px;
5476
+ }
5477
+ .td-loading {
5478
+ flex: 1;
5479
+ }
5480
+ }
5481
+
5482
+ :nth-child(1) {
5483
+ padding: 8px 4px;
5484
+ > * {
5485
+ background: rgba($gray-70, 0.18);
5486
+ }
5487
+ }
5488
+ :nth-child(1) {
5489
+ > * {
5490
+ background: rgba($gray-60, 0.18);
5491
+ }
5492
5492
  }
5493
5493
  }
5494
5494
 
@@ -5995,6 +5995,11 @@
5995
5995
  }
5996
5996
 
5997
5997
 
5998
+ .E_b1jaupqb {
5999
+ color: #F0483E;
6000
+ }
6001
+
6002
+
5998
6003
  .E_icab5o7 {
5999
6004
  --modal-to-viewport-margin: 10px;
6000
6005
  --modal-body-padding-bottom: 40px;
@@ -6219,40 +6224,43 @@
6219
6224
  }
6220
6225
 
6221
6226
 
6222
- .E_b1jaupqb {
6223
- color: #F0483E;
6227
+ .E_sqv6dmy {
6228
+ display: flex;
6229
+ justify-content: flex-end;
6224
6230
  }
6225
6231
 
6232
+ .E_p1rm8wzb {
6233
+ margin-right: 8px;
6234
+ }
6226
6235
 
6227
- .E_s20iney {
6228
- &.skeleton-box {
6229
- display: flex;
6230
- align-items: center;
6231
- justify-content: center;
6232
- position: relative;
6233
- border-radius: 2px;
6234
- background: #E1E6F199;
6235
- overflow: hidden;
6236
-
6237
- & > .skeleton-shimmer {
6238
- width: 200%;
6239
- height: 200%;
6240
- transform: rotate(15deg);
6241
- position: absolute;
6242
- top: -50%;
6243
- flex-shrink: 0;
6244
- opacity: 0.8;
6245
- background: linear-gradient(
6246
- 90deg,
6247
- rgba(255, 255, 255, 0) 15%,
6248
- #FFFFFF99 50%,
6249
- rgba(255, 255, 255, 0) 85%
6250
- );
6251
-
6252
- animation: shimmer 1100ms infinite;
6253
- }
6254
-
6255
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
6236
+ .E_sd7qcf4 {
6237
+ height: 100%;
6238
+ width: 100%;
6239
+ overflow: auto;
6240
+ }
6241
+
6242
+ .E_r1fxc9gq {
6243
+ &.right {
6244
+ overflow: auto;
6245
+ padding-right: 2px;
6246
+ width: calc(192px + 6px + 2px);
6247
+ height: fit-content;
6248
+ max-height: calc(
6249
+ 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
6250
+ --modal-body-padding-bottom
6251
+ ) - var(--modal-footer-height)
6252
+ );
6253
+ scrollbar-gutter: stable;
6254
+ &::-webkit-scrollbar {
6255
+ width: 6px;
6256
+ }
6257
+ &::-webkit-scrollbar-track {
6258
+ background: #E1E6F199;
6259
+ }
6260
+ &::-webkit-scrollbar-thumb {
6261
+ background: #ACBAD399;
6262
+ border-radius: 8px;
6263
+ }
6256
6264
  }
6257
6265
  }
6258
6266
 
@@ -6412,43 +6420,35 @@
6412
6420
  }
6413
6421
 
6414
6422
 
6415
- .E_sqv6dmy {
6416
- display: flex;
6417
- justify-content: flex-end;
6418
- }
6419
-
6420
- .E_p1rm8wzb {
6421
- margin-right: 8px;
6422
- }
6423
+ .E_s20iney {
6424
+ &.skeleton-box {
6425
+ display: flex;
6426
+ align-items: center;
6427
+ justify-content: center;
6428
+ position: relative;
6429
+ border-radius: 2px;
6430
+ background: #E1E6F199;
6431
+ overflow: hidden;
6423
6432
 
6424
- .E_sd7qcf4 {
6425
- height: 100%;
6426
- width: 100%;
6427
- overflow: auto;
6428
- }
6433
+ & > .skeleton-shimmer {
6434
+ width: 200%;
6435
+ height: 200%;
6436
+ transform: rotate(15deg);
6437
+ position: absolute;
6438
+ top: -50%;
6439
+ flex-shrink: 0;
6440
+ opacity: 0.8;
6441
+ background: linear-gradient(
6442
+ 90deg,
6443
+ rgba(255, 255, 255, 0) 15%,
6444
+ #FFFFFF99 50%,
6445
+ rgba(255, 255, 255, 0) 85%
6446
+ );
6429
6447
 
6430
- .E_r1fxc9gq {
6431
- &.right {
6432
- overflow: auto;
6433
- padding-right: 2px;
6434
- width: calc(192px + 6px + 2px);
6435
- height: fit-content;
6436
- max-height: calc(
6437
- 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
6438
- --modal-body-padding-bottom
6439
- ) - var(--modal-footer-height)
6440
- );
6441
- scrollbar-gutter: stable;
6442
- &::-webkit-scrollbar {
6443
- width: 6px;
6444
- }
6445
- &::-webkit-scrollbar-track {
6446
- background: #E1E6F199;
6447
- }
6448
- &::-webkit-scrollbar-thumb {
6449
- background: #ACBAD399;
6450
- border-radius: 8px;
6448
+ animation: shimmer 1100ms infinite;
6451
6449
  }
6450
+
6451
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
6452
6452
  }
6453
6453
  }
6454
6454
 
@@ -6601,6 +6601,21 @@
6601
6601
  }
6602
6602
 
6603
6603
 
6604
+ .E_skwah65 {
6605
+ height: 8px;
6606
+ box-sizing: border-box;
6607
+ border-radius: 2px;
6608
+ background: #f5f7fa;
6609
+ display: flex;
6610
+ width: 100%;
6611
+ overflow: hidden;
6612
+
6613
+ .stack-bar-item + .stack-bar-item {
6614
+ margin-left: 1px;
6615
+ }
6616
+ }
6617
+
6618
+
6604
6619
  .E_clm1wy1 {
6605
6620
  width: 192px;
6606
6621
  height: 246px;
@@ -6699,17 +6714,109 @@
6699
6714
  }
6700
6715
 
6701
6716
 
6702
- .E_skwah65 {
6703
- height: 8px;
6704
- box-sizing: border-box;
6705
- border-radius: 2px;
6706
- background: #f5f7fa;
6717
+ .E_n12mqh7z {
6707
6718
  display: flex;
6708
- width: 100%;
6709
- overflow: hidden;
6719
+ align-items: center;
6720
+ font-size: 12px;
6721
+ line-height: 18px;
6710
6722
 
6711
- .stack-bar-item + .stack-bar-item {
6712
- margin-left: 1px;
6723
+ &:not(:last-child) {
6724
+ margin-bottom: 4px;
6725
+ }
6726
+ }
6727
+
6728
+ .E_tf5bynu {
6729
+ margin: 0 3px;
6730
+ }
6731
+
6732
+ .E_tcckoz1 {
6733
+ max-height: 400px;
6734
+ overflow: auto;
6735
+ }
6736
+
6737
+
6738
+ .E_s1ebs0ra {
6739
+ display: flex;
6740
+ align-items: center;
6741
+ justify-content: space-between;
6742
+ background: $backgrounds-light-grouped;
6743
+ padding: 8px 12px;
6744
+ position: sticky;
6745
+ top: 0;
6746
+ z-index: 1;
6747
+ margin-bottom: -52px;
6748
+
6749
+ .select-total {
6750
+ display: flex;
6751
+ align-items: center;
6752
+ font-weight: 700;
6753
+ flex-shrink: 0;
6754
+
6755
+ .icon-wrapper {
6756
+ cursor: pointer;
6757
+ margin-left: 8px;
6758
+ width: 32px;
6759
+ height: 32px;
6760
+ border-radius: 50%;
6761
+ justify-content: center;
6762
+
6763
+ &:hover {
6764
+ background: $fills-light-trans-2;
6765
+ }
6766
+ }
6767
+ }
6768
+ .action-group {
6769
+ flex: 1;
6770
+ margin-left: 88px;
6771
+ white-space: nowrap;
6772
+ text-align: right;
6773
+ position: relative;
6774
+ padding: 4px 0;
6775
+ margin-top: -4px;
6776
+ overflow: hidden;
6777
+ .sub-menu-delete {
6778
+ transform: translateY(-4px);
6779
+ }
6780
+ button {
6781
+ border: none;
6782
+ }
6783
+ > *:not(:last-child) {
6784
+ margin-right: 8px;
6785
+ }
6786
+
6787
+ > button:last-child {
6788
+ margin-right: 4px;
6789
+ }
6790
+ .more-btn {
6791
+ cursor: pointer;
6792
+ width: 32px;
6793
+ height: 32px;
6794
+ justify-content: center;
6795
+ border-radius: 50%;
6796
+
6797
+ &:hover {
6798
+ background: $white;
6799
+ }
6800
+ }
6801
+ }
6802
+ }
6803
+
6804
+ .E_mzzncgx {
6805
+ display: inline-flex;
6806
+ align-items: center;
6807
+ gap: 4px;
6808
+ }
6809
+
6810
+
6811
+ .E_gmyahx3 {
6812
+ cursor: pointer;
6813
+
6814
+ .link-text {
6815
+ color: $text-light-tertiary;
6816
+ }
6817
+
6818
+ &:hover .link-text {
6819
+ color: $text-light-general;
6713
6820
  }
6714
6821
  }
6715
6822
 
@@ -6756,101 +6863,54 @@
6756
6863
  display: inline-block;
6757
6864
  background: var(--s11212zy-0);
6758
6865
  border: 1px solid $fills-light-white;
6759
- box-sizing: content-box;
6760
- margin-right: 6px;
6761
- }
6762
-
6763
- .E_p1lyky6c {
6764
- & > :first-child {
6765
- font-weight: bold;
6766
- color: white;
6767
- margin-right: 4px;
6768
- }
6769
- }
6770
-
6771
-
6772
- .E_s1ebs0ra {
6773
- display: flex;
6774
- align-items: center;
6775
- justify-content: space-between;
6776
- background: $backgrounds-light-grouped;
6777
- padding: 8px 12px;
6778
- position: sticky;
6779
- top: 0;
6780
- z-index: 1;
6781
- margin-bottom: -52px;
6782
-
6783
- .select-total {
6784
- display: flex;
6785
- align-items: center;
6786
- font-weight: 700;
6787
- flex-shrink: 0;
6788
-
6789
- .icon-wrapper {
6790
- cursor: pointer;
6791
- margin-left: 8px;
6792
- width: 32px;
6793
- height: 32px;
6794
- border-radius: 50%;
6795
- justify-content: center;
6866
+ box-sizing: content-box;
6867
+ margin-right: 6px;
6868
+ }
6796
6869
 
6797
- &:hover {
6798
- background: $fills-light-trans-2;
6799
- }
6800
- }
6870
+ .E_p1lyky6c {
6871
+ & > :first-child {
6872
+ font-weight: bold;
6873
+ color: white;
6874
+ margin-right: 4px;
6801
6875
  }
6802
- .action-group {
6803
- flex: 1;
6804
- margin-left: 88px;
6805
- white-space: nowrap;
6806
- text-align: right;
6807
- position: relative;
6808
- padding: 4px 0;
6809
- margin-top: -4px;
6810
- overflow: hidden;
6811
- .sub-menu-delete {
6812
- transform: translateY(-4px);
6813
- }
6814
- button {
6815
- border: none;
6816
- }
6817
- > *:not(:last-child) {
6818
- margin-right: 8px;
6819
- }
6876
+ }
6820
6877
 
6821
- > button:last-child {
6822
- margin-right: 4px;
6823
- }
6824
- .more-btn {
6825
- cursor: pointer;
6826
- width: 32px;
6827
- height: 32px;
6828
- justify-content: center;
6829
- border-radius: 50%;
6830
6878
 
6831
- &:hover {
6832
- background: $white;
6833
- }
6879
+ .E_tqjc4ui {
6880
+ @at-root {
6881
+ span#{&} {
6882
+ margin: 0 2px;
6834
6883
  }
6835
6884
  }
6836
6885
  }
6837
6886
 
6838
- .E_mzzncgx {
6839
- display: inline-flex;
6840
- align-items: center;
6841
- gap: 4px;
6887
+
6888
+ .E_ou7iq30 {
6889
+ overflow: hidden;
6890
+ text-overflow: ellipsis;
6842
6891
  }
6843
6892
 
6893
+ .E_s1tui002 {
6894
+ white-space: nowrap;
6895
+ }
6844
6896
 
6845
- .E_gmyahx3 {
6846
- cursor: pointer;
6897
+ .E_mxrc2zg {
6898
+ display: -webkit-box;
6899
+ -webkit-line-clamp: var(--mxrc2zg-0);
6900
+ -webkit-box-orient: vertical;
6901
+ word-break: break-all;
6902
+ }
6847
6903
 
6848
- .link-text {
6849
- color: $text-light-tertiary;
6904
+ .E_t1vv6d68 {
6905
+ .ant-tooltip-arrow {
6906
+ display: none;
6850
6907
  }
6851
-
6852
- &:hover .link-text {
6853
- color: $text-light-general;
6908
+ .ant-tooltip-inner {
6909
+ background: $gray-a80-9;
6910
+ border-radius: 4px;
6911
+ &:has(.eagle-ellipsis-content) {
6912
+ visibility: hidden;
6913
+ }
6854
6914
  }
6855
6915
  }
6856
6916
 
@@ -7019,61 +7079,20 @@
7019
7079
  }
7020
7080
 
7021
7081
 
7022
- .E_tqjc4ui {
7023
- @at-root {
7024
- span#{&} {
7025
- margin: 0 2px;
7082
+ .E_u15heuvq {
7083
+ &.content {
7084
+ cursor: default !important;
7085
+ &.link {
7086
+ cursor: pointer !important;
7087
+ &:hover {
7088
+ color: $text-colorful-outstanding;
7089
+ }
7026
7090
  }
7027
- }
7028
- }
7029
-
7030
-
7031
- .E_n12mqh7z {
7032
- display: flex;
7033
- align-items: center;
7034
- font-size: 12px;
7035
- line-height: 18px;
7036
-
7037
- &:not(:last-child) {
7038
- margin-bottom: 4px;
7039
- }
7040
- }
7041
-
7042
- .E_tf5bynu {
7043
- margin: 0 3px;
7044
- }
7045
-
7046
- .E_tcckoz1 {
7047
- max-height: 400px;
7048
- overflow: auto;
7049
- }
7050
-
7051
-
7052
- .E_ou7iq30 {
7053
- overflow: hidden;
7054
- text-overflow: ellipsis;
7055
- }
7056
-
7057
- .E_s1tui002 {
7058
- white-space: nowrap;
7059
- }
7060
-
7061
- .E_mxrc2zg {
7062
- display: -webkit-box;
7063
- -webkit-line-clamp: var(--mxrc2zg-0);
7064
- -webkit-box-orient: vertical;
7065
- word-break: break-all;
7066
- }
7067
-
7068
- .E_t1vv6d68 {
7069
- .ant-tooltip-arrow {
7070
- display: none;
7071
- }
7072
- .ant-tooltip-inner {
7073
- background: $gray-a80-9;
7074
- border-radius: 4px;
7075
- &:has(.eagle-ellipsis-content) {
7076
- visibility: hidden;
7091
+ &.black {
7092
+ color: $text-neutral-primary;
7093
+ }
7094
+ &.gray {
7095
+ color: $text-neutral-secondary;
7077
7096
  }
7078
7097
  }
7079
7098
  }
@@ -7218,51 +7237,6 @@
7218
7237
  }
7219
7238
 
7220
7239
 
7221
- .E_u15heuvq {
7222
- &.content {
7223
- cursor: default !important;
7224
- &.link {
7225
- cursor: pointer !important;
7226
- &:hover {
7227
- color: $text-colorful-outstanding;
7228
- }
7229
- }
7230
- &.black {
7231
- color: $text-neutral-primary;
7232
- }
7233
- &.gray {
7234
- color: $text-neutral-secondary;
7235
- }
7236
- }
7237
- }
7238
-
7239
-
7240
- .E_wg1tsps {
7241
- display: flex;
7242
- align-items: center;
7243
- justify-content: flex-end;
7244
- }
7245
-
7246
- .E_b1ctd5xy {
7247
- display: flex;
7248
- align-items: center;
7249
- width: calc(100% - 40px);
7250
-
7251
- .chart {
7252
- display: inline-block;
7253
- width: 100%;
7254
- }
7255
- }
7256
-
7257
- .E_u1p8acpn {
7258
- min-width: 40px;
7259
-
7260
- .unit {
7261
- color: $text-light-primary !important;
7262
- }
7263
- }
7264
-
7265
-
7266
7240
  .E_t1sqg15u {
7267
7241
  background: white;
7268
7242
 
@@ -7387,6 +7361,32 @@
7387
7361
  }
7388
7362
 
7389
7363
 
7364
+ .E_wg1tsps {
7365
+ display: flex;
7366
+ align-items: center;
7367
+ justify-content: flex-end;
7368
+ }
7369
+
7370
+ .E_b1ctd5xy {
7371
+ display: flex;
7372
+ align-items: center;
7373
+ width: calc(100% - 40px);
7374
+
7375
+ .chart {
7376
+ display: inline-block;
7377
+ width: 100%;
7378
+ }
7379
+ }
7380
+
7381
+ .E_u1p8acpn {
7382
+ min-width: 40px;
7383
+
7384
+ .unit {
7385
+ color: $text-light-primary !important;
7386
+ }
7387
+ }
7388
+
7389
+
7390
7390
  .E_t160l1cm {
7391
7391
  display: flex;
7392
7392
  flex-direction: column;
@@ -7655,88 +7655,47 @@
7655
7655
  }
7656
7656
 
7657
7657
 
7658
- .E_cyms3br {
7659
- background: #fff;
7660
- width: 100%;
7661
- border: none;
7662
- border-radius: 0;
7663
- .ant-list {
7664
- padding: 12px;
7665
- }
7666
- .ant-list-item {
7667
- padding: 4px 0;
7668
- }
7669
- .ant-alert {
7670
- margin-left: 24px;
7671
- }
7672
- header {
7673
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7674
- font-size: 12px;
7675
- color: rgba(29, 50, 108, 1);
7676
- font-weight: 700;
7677
- padding: 6px 12px;
7678
- display: flex;
7679
- flex-direction: row;
7680
- align-items: center;
7681
- justify-content: space-between;
7682
- .switch-text {
7683
- display: flex;
7684
- flex-direction: row;
7685
- align-items: center;
7686
- justify-content: space-between;
7687
- gap: 6px;
7688
- font-size: 12px;
7689
- font-weight: 400;
7690
- color: rgba(0, 18, 46, 1);
7658
+ .E_i5w779o {
7659
+ padding: 8px 0;
7660
+
7661
+ .col-label {
7662
+ flex-shrink: unset;
7663
+ * {
7664
+ line-height: 18px;
7691
7665
  }
7692
7666
  }
7693
- &.border {
7694
- border-radius: 8px;
7695
- border: 1px solid rgba(228, 233, 242, 1);
7696
- header {
7697
- border-bottom: none;
7698
- background: rgba(225, 230, 241, 0.6);
7667
+ .col-content {
7668
+ flex: 1 1 0;
7669
+ display: flex;
7670
+ align-items: center;
7671
+ * {
7672
+ line-height: 18px;
7699
7673
  }
7700
7674
  }
7701
7675
  }
7702
7676
 
7703
- .E_c157gu4z {
7704
- .ant-list-item {
7705
- display: flex;
7706
- flex-direction: row;
7707
- align-items: flex-start;
7708
- }
7709
- .icon-wrapper {
7710
- align-self: flex-start;
7711
- margin-top: 1px; /* 1px: (18-16)/2, 18 is the height of the icon, 16 is the height of the icon */
7712
- }
7713
- .description {
7714
- flex: 1 1 0;
7715
- min-width: 0;
7716
- margin-left: 8px;
7717
- word-break: break-word;
7718
- overflow-wrap: break-word;
7677
+ .E_l18dja44 {
7678
+ padding: 6px 0;
7679
+
7680
+ .col-label * {
7681
+ font-size: 13px;
7682
+ line-height: 20px;
7719
7683
  }
7720
- .ant-space,
7721
- .ant-flex {
7722
- flex-shrink: 0;
7723
- align-self: flex-start;
7724
- margin-top: 0px; /* 0px: (18-18)/2, 18 is the height of the tag, 18 is the line-height */
7684
+ .col-content * {
7685
+ font-size: 14px;
7686
+ line-height: 20px;
7725
7687
  }
7726
7688
  }
7727
7689
 
7728
- .E_eu1sysj {
7690
+ .E_c8c2hys {
7729
7691
  display: flex;
7730
- flex-direction: column;
7731
- align-items: center;
7732
- justify-content: center;
7692
+ justify-content: space-between;
7693
+ flex: 1;
7694
+ min-width: 0;
7733
7695
  }
7734
7696
 
7735
-
7736
- .E_h1ol2wl7 {
7737
- font-weight: bold;
7738
- background-color: unset;
7739
- padding: unset;
7697
+ .E_n4m6c4d {
7698
+ color: $text-light-tertiary;
7740
7699
  }
7741
7700
 
7742
7701
 
@@ -7814,47 +7773,88 @@
7814
7773
  }
7815
7774
 
7816
7775
 
7817
- .E_i5w779o {
7818
- padding: 8px 0;
7819
-
7820
- .col-label {
7821
- flex-shrink: unset;
7822
- * {
7823
- line-height: 18px;
7824
- }
7776
+ .E_cyms3br {
7777
+ background: #fff;
7778
+ width: 100%;
7779
+ border: none;
7780
+ border-radius: 0;
7781
+ .ant-list {
7782
+ padding: 12px;
7825
7783
  }
7826
- .col-content {
7827
- flex: 1 1 0;
7784
+ .ant-list-item {
7785
+ padding: 4px 0;
7786
+ }
7787
+ .ant-alert {
7788
+ margin-left: 24px;
7789
+ }
7790
+ header {
7791
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7792
+ font-size: 12px;
7793
+ color: rgba(29, 50, 108, 1);
7794
+ font-weight: 700;
7795
+ padding: 6px 12px;
7828
7796
  display: flex;
7797
+ flex-direction: row;
7829
7798
  align-items: center;
7830
- * {
7831
- line-height: 18px;
7799
+ justify-content: space-between;
7800
+ .switch-text {
7801
+ display: flex;
7802
+ flex-direction: row;
7803
+ align-items: center;
7804
+ justify-content: space-between;
7805
+ gap: 6px;
7806
+ font-size: 12px;
7807
+ font-weight: 400;
7808
+ color: rgba(0, 18, 46, 1);
7809
+ }
7810
+ }
7811
+ &.border {
7812
+ border-radius: 8px;
7813
+ border: 1px solid rgba(228, 233, 242, 1);
7814
+ header {
7815
+ border-bottom: none;
7816
+ background: rgba(225, 230, 241, 0.6);
7832
7817
  }
7833
7818
  }
7834
7819
  }
7835
7820
 
7836
- .E_l18dja44 {
7837
- padding: 6px 0;
7838
-
7839
- .col-label * {
7840
- font-size: 13px;
7841
- line-height: 20px;
7821
+ .E_c157gu4z {
7822
+ .ant-list-item {
7823
+ display: flex;
7824
+ flex-direction: row;
7825
+ align-items: flex-start;
7842
7826
  }
7843
- .col-content * {
7844
- font-size: 14px;
7845
- line-height: 20px;
7827
+ .icon-wrapper {
7828
+ align-self: flex-start;
7829
+ margin-top: 1px; /* 1px: (18-16)/2, 18 is the height of the icon, 16 is the height of the icon */
7830
+ }
7831
+ .description {
7832
+ flex: 1 1 0;
7833
+ min-width: 0;
7834
+ margin-left: 8px;
7835
+ word-break: break-word;
7836
+ overflow-wrap: break-word;
7837
+ }
7838
+ .ant-space,
7839
+ .ant-flex {
7840
+ flex-shrink: 0;
7841
+ align-self: flex-start;
7842
+ margin-top: 0px; /* 0px: (18-18)/2, 18 is the height of the tag, 18 is the line-height */
7846
7843
  }
7847
7844
  }
7848
7845
 
7849
- .E_c8c2hys {
7846
+ .E_eu1sysj {
7850
7847
  display: flex;
7851
- justify-content: space-between;
7852
- flex: 1;
7853
- min-width: 0;
7848
+ flex-direction: column;
7849
+ align-items: center;
7850
+ justify-content: center;
7854
7851
  }
7855
7852
 
7856
- .E_n4m6c4d {
7857
- color: $text-light-tertiary;
7853
+
7854
+ .E_h1ol2wl7 {
7855
+ font-weight: bold;
7856
+ background-color: unset;
7857
+ padding: unset;
7858
7858
  }
7859
7859
 
7860
7860
 
@@ -7876,6 +7876,57 @@
7876
7876
  }
7877
7877
 
7878
7878
 
7879
+ .E_c14ouk5o {
7880
+ width: 100%;
7881
+ height: 100%;
7882
+ display: flex;
7883
+ font-size: 12px;
7884
+ line-height: 18px;
7885
+ padding: 8px 0;
7886
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
7887
+
7888
+ &:last-of-type {
7889
+ box-shadow: none;
7890
+ padding-bottom: 0;
7891
+ }
7892
+ &.collapsed {
7893
+ flex-direction: column;
7894
+
7895
+ .collapsed-content {
7896
+ display: flex;
7897
+
7898
+ > span {
7899
+ flex: 1;
7900
+ display: flex;
7901
+ justify-content: space-between;
7902
+ .ant-btn {
7903
+ height: auto;
7904
+ }
7905
+ }
7906
+ }
7907
+ .extra-content {
7908
+ margin-left: 162px;
7909
+ }
7910
+ }
7911
+
7912
+ .col-label {
7913
+ width: 216px;
7914
+ color: $text-secondary-light;
7915
+ margin-right: 12px;
7916
+ flex-shrink: 0;
7917
+ }
7918
+
7919
+ .col-content {
7920
+ color: $text-primary-light;
7921
+
7922
+ /* make btn link in info row have the same height as normal text */
7923
+ .ant-btn.ant-btn-link {
7924
+ height: auto;
7925
+ }
7926
+ }
7927
+ }
7928
+
7929
+
7879
7930
  .E_c1kchka8 {
7880
7931
  height: 100%;
7881
7932
  width: 100%;
@@ -8485,57 +8536,6 @@
8485
8536
  }
8486
8537
 
8487
8538
 
8488
- .E_c14ouk5o {
8489
- width: 100%;
8490
- height: 100%;
8491
- display: flex;
8492
- font-size: 12px;
8493
- line-height: 18px;
8494
- padding: 8px 0;
8495
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
8496
-
8497
- &:last-of-type {
8498
- box-shadow: none;
8499
- padding-bottom: 0;
8500
- }
8501
- &.collapsed {
8502
- flex-direction: column;
8503
-
8504
- .collapsed-content {
8505
- display: flex;
8506
-
8507
- > span {
8508
- flex: 1;
8509
- display: flex;
8510
- justify-content: space-between;
8511
- .ant-btn {
8512
- height: auto;
8513
- }
8514
- }
8515
- }
8516
- .extra-content {
8517
- margin-left: 162px;
8518
- }
8519
- }
8520
-
8521
- .col-label {
8522
- width: 216px;
8523
- color: $text-secondary-light;
8524
- margin-right: 12px;
8525
- flex-shrink: 0;
8526
- }
8527
-
8528
- .col-content {
8529
- color: $text-primary-light;
8530
-
8531
- /* make btn link in info row have the same height as normal text */
8532
- .ant-btn.ant-btn-link {
8533
- height: auto;
8534
- }
8535
- }
8536
- }
8537
-
8538
-
8539
8539
  .E_c1ss4prm {
8540
8540
  color: $text-light-secondary;
8541
8541
  &:is(ul, ol) {