@cloudtower/eagle 490.0.4 → 490.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/README.md +34 -0
  2. package/dist/cjs/core/Cascader/cascader.widget.js +12 -12
  3. package/dist/cjs/core/SearchInput/SearchInput.hook.js +124 -0
  4. package/dist/cjs/core/SearchInput/SearchInput.js +253 -0
  5. package/dist/cjs/core/SearchInput/SearchInput.style.js +13 -0
  6. package/dist/cjs/core/index.js +6 -6
  7. package/dist/cjs/index.js +172 -172
  8. package/dist/cjs/legacy-antd.js +89 -89
  9. package/dist/cjs/stats1.html +1 -1
  10. package/dist/components.css +1629 -1592
  11. package/dist/esm/core/Cascader/cascader.widget.js +1 -1
  12. package/dist/esm/core/SearchInput/SearchInput.hook.js +117 -0
  13. package/dist/esm/core/SearchInput/SearchInput.js +247 -0
  14. package/dist/esm/core/SearchInput/SearchInput.style.js +7 -0
  15. package/dist/esm/index.js +1 -1
  16. package/dist/esm/legacy-antd.js +1 -1
  17. package/dist/esm/stats1.html +1 -1
  18. package/dist/linaria.merged.scss +2014 -1969
  19. package/dist/src/core/Cascader/cascader.type.d.ts +1 -1
  20. package/dist/src/core/ImmersiveDialog/type.d.ts +127 -19
  21. package/dist/src/core/MediumDialog/MediumDialog.type.d.ts +49 -1
  22. package/dist/src/core/SearchInput/SearchInput.d.ts +2 -0
  23. package/dist/src/core/SearchInput/SearchInput.hook.d.ts +9 -0
  24. package/dist/src/core/SearchInput/SearchInput.style.d.ts +5 -0
  25. package/dist/src/core/SearchInput/{searchInput.type.d.ts → SearchInput.type.d.ts} +18 -2
  26. package/dist/src/core/SearchInput/__test__/SearchInput.hook.test.d.ts +1 -0
  27. package/dist/src/core/SearchInput/index.d.ts +2 -4
  28. package/dist/src/core/SmallDialog/SmallDialog.type.d.ts +150 -21
  29. package/dist/src/core/TableForm/types.d.ts +216 -68
  30. package/dist/src/core/WizardDialog/type.d.ts +147 -13
  31. package/dist/src/core/index.d.ts +0 -1
  32. package/dist/src/coreX/Dialogs/DeleteDialog/DeleteDialog.type.d.ts +100 -9
  33. package/dist/src/coreX/Dialogs/RejectDialog/RejectDialog.type.d.ts +126 -19
  34. package/dist/stories/docs/core/ImmersiveDialog.stories.d.ts +76 -8
  35. package/dist/stories/docs/core/MediumDialog.stories.d.ts +42 -8
  36. package/dist/stories/docs/core/SearchInput.stories.d.ts +6 -1
  37. package/dist/stories/docs/core/SmallDialog.stories.d.ts +86 -7
  38. package/dist/stories/docs/core/TableForm.stories.d.ts +40 -26
  39. package/dist/stories/docs/core/WizardDialog.stories.d.ts +65 -6
  40. package/dist/stories/docs/coreX/Dialogs/DeleteDialog.stories.d.ts +20 -19
  41. package/dist/stories/docs/coreX/Dialogs/RejectDialog.stories.d.ts +24 -23
  42. package/dist/style.css +1629 -1592
  43. package/docs/core/ImmersiveDialog/guide.md +298 -0
  44. package/docs/core/LegacyModal/migrate-guide.md +422 -0
  45. package/docs/core/MediumDialog/guide.md +263 -0
  46. package/docs/core/SmallDialog/guide.md +224 -0
  47. package/docs/core/TableForm/guide.md +195 -0
  48. package/docs/core/WizardDialog/guide.md +322 -0
  49. package/docs/coreX/DeleteDialog/guide.md +161 -0
  50. package/docs/coreX/RejectDialog/guide.md +185 -0
  51. package/docs/llms.txt +169 -0
  52. package/package.json +6 -5
  53. package/dist/cjs/core/SearchInput/index.js +0 -164
  54. package/dist/esm/core/SearchInput/index.js +0 -157
@@ -51,6 +51,38 @@
51
51
  }
52
52
 
53
53
 
54
+ .E_ccrbeuz {
55
+ .ant-collapse-item {
56
+ border: 0px;
57
+ background-color: $fills-light-white;
58
+
59
+ .ant-collapse-header {
60
+ padding-top: 0px;
61
+ padding-bottom: 0px;
62
+ padding-left: 0px !important;
63
+ padding-right: 24px;
64
+ .ant-collapse-arrow {
65
+ right: 0px;
66
+ }
67
+ }
68
+ .ant-collapse-content {
69
+ .ant-collapse-content-box {
70
+ padding: 0px;
71
+ }
72
+ }
73
+ }
74
+ }
75
+
76
+ .E_c1fljvag {
77
+ .ant-collapse-item {
78
+ .ant-collapse-header {
79
+ padding-right: 0px;
80
+ cursor: default;
81
+ }
82
+ }
83
+ }
84
+
85
+
54
86
  .E_berrcjl {
55
87
  color: $text-terdiary-light;
56
88
  margin-bottom: 4px;
@@ -70,6 +102,49 @@
70
102
  }
71
103
 
72
104
 
105
+ .E_d133fzv0 {
106
+ .ant-dropdown-menu-item-group {
107
+ .ant-dropdown-menu-item-group-title {
108
+ padding: 4px 8px 0 8px;
109
+ color: $text-light-secondary;
110
+ font-size: 12px;
111
+ }
112
+ .ant-dropdown-menu-item-group-list {
113
+ padding-bottom: 6px;
114
+ }
115
+ &:not(:first-child) {
116
+ padding-top: 4px;
117
+ border-top: 1px solid $strokes-light-trans-2;
118
+ }
119
+ }
120
+ }
121
+
122
+
123
+ .E_c1uzzomf {
124
+ margin-bottom: 16px;
125
+
126
+ .card-title {
127
+ font-size: 16px;
128
+ color: $text-secondary-light;
129
+ font-weight: 700;
130
+ line-height: 32px;
131
+ }
132
+ .card-body {
133
+ padding: 24px;
134
+ border-radius: 8px;
135
+ background: $fills-light-white;
136
+ }
137
+
138
+ .empty {
139
+ font-weight: 700;
140
+ font-size: 14px;
141
+ line-height: 22px;
142
+ color: $text-light-tertiary;
143
+ text-align: center;
144
+ }
145
+ }
146
+
147
+
73
148
  .E_b1nip9bk {
74
149
  padding: 4px 11px;
75
150
  }
@@ -111,44 +186,92 @@
111
186
  }
112
187
 
113
188
 
114
- .E_c1uzzomf {
115
- margin-bottom: 16px;
189
+ .E_d1bw7c5z {
190
+ position: relative;
191
+ max-width: 388px;
192
+ min-width: 285px;
193
+ .center {
194
+ position: absolute;
195
+ font-size: 12px;
196
+ width: 80px;
197
+ height: 100px;
198
+ top: 0;
199
+ left: 35px;
200
+ display: flex;
201
+ flex-direction: column;
202
+ justify-content: center;
203
+ align-items: center;
204
+ color: $text-light-primary;
116
205
 
117
- .card-title {
118
- font-size: 16px;
119
- color: $text-secondary-light;
120
- font-weight: 700;
121
- line-height: 32px;
206
+ .number {
207
+ font-size: 24px;
208
+ font-weight: 700;
209
+ }
210
+
211
+ .text {
212
+ padding: 0 5px;
213
+ font-size: 12px;
214
+ width: inherit;
215
+ text-align: center;
216
+ }
122
217
  }
123
- .card-body {
124
- padding: 24px;
125
- border-radius: 8px;
126
- background: $fills-light-white;
218
+ .recharts-wrapper {
219
+ display: flex;
220
+ .recharts-legend-wrapper {
221
+ position: relative !important;
222
+ min-width: calc(
223
+ 100% - var(--d1bw7c5z-0)
224
+ ) !important;
225
+ left: 0 !important;
226
+ bottom: 0 !important;
227
+ display: flex;
228
+ align-items: center;
229
+ .recharts-default-legend {
230
+ width: 100%;
231
+ }
232
+ li {
233
+ width: 100%;
234
+ margin-right: 0 !important;
235
+ line-height: 18px;
236
+ & > svg {
237
+ border-radius: 2px;
238
+ }
239
+ & > .recharts-legend-item-text {
240
+ min-width: 75px;
241
+ max-width: 198px;
242
+ width: calc(100% - 20px);
243
+ margin-left: 2px;
244
+ color: $text-light-primary !important;
245
+ display: inline-flex;
246
+ justify-content: space-between;
247
+ }
248
+ }
249
+ }
250
+ }
251
+ .tooltip-text {
252
+ maxwidth: calc(100% - 12px);
253
+ cursor: pointer;
254
+ border-bottom: 1px dashed $strokes-light-trans-4;
255
+ overflow: hidden;
256
+ text-overflow: ellipsis;
257
+ white-space: nowrap;
127
258
  }
128
259
 
129
- .empty {
130
- font-weight: 700;
131
- font-size: 14px;
132
- line-height: 22px;
133
- color: $text-light-tertiary;
134
- text-align: center;
260
+ .value {
261
+ color: $text-neutral-secondary;
135
262
  }
136
263
  }
137
264
 
265
+ .E_t10pqbtc {
266
+ width: 140px;
138
267
 
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;
144
- font-size: 12px;
145
- }
146
- .ant-dropdown-menu-item-group-list {
147
- padding-bottom: 6px;
148
- }
149
- &:not(:first-child) {
150
- padding-top: 4px;
151
- border-top: 1px solid $strokes-light-trans-2;
268
+ .item {
269
+ margin: 6px auto;
270
+ display: flex;
271
+ justify-content: space-between;
272
+
273
+ .name {
274
+ width: 102px;
152
275
  }
153
276
  }
154
277
  }
@@ -529,138 +652,15 @@
529
652
  }
530
653
 
531
654
 
532
- .E_d1bw7c5z {
533
- position: relative;
534
- max-width: 388px;
535
- min-width: 285px;
536
- .center {
537
- position: absolute;
538
- font-size: 12px;
539
- width: 80px;
540
- height: 100px;
541
- top: 0;
542
- left: 35px;
543
- display: flex;
544
- flex-direction: column;
545
- justify-content: center;
546
- align-items: center;
547
- color: $text-light-primary;
655
+ .E_sx1bpnu {
656
+ .ant-input-sm {
657
+ line-height: 18px;
658
+ }
659
+ }
548
660
 
549
- .number {
550
- font-size: 24px;
551
- font-weight: 700;
552
- }
553
661
 
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%;
574
- }
575
- li {
576
- width: 100%;
577
- margin-right: 0 !important;
578
- line-height: 18px;
579
- & > svg {
580
- border-radius: 2px;
581
- }
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;
590
- }
591
- }
592
- }
593
- }
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;
601
- }
602
-
603
- .value {
604
- color: $text-neutral-secondary;
605
- }
606
- }
607
-
608
- .E_t10pqbtc {
609
- width: 140px;
610
-
611
- .item {
612
- margin: 6px auto;
613
- display: flex;
614
- justify-content: space-between;
615
-
616
- .name {
617
- width: 102px;
618
- }
619
- }
620
- }
621
-
622
-
623
- .E_sx1bpnu {
624
- .ant-input-sm {
625
- line-height: 18px;
626
- }
627
- }
628
-
629
-
630
- .E_ccrbeuz {
631
- .ant-collapse-item {
632
- border: 0px;
633
- background-color: $fills-light-white;
634
-
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
- }
643
- }
644
- .ant-collapse-content {
645
- .ant-collapse-content-box {
646
- padding: 0px;
647
- }
648
- }
649
- }
650
- }
651
-
652
- .E_c1fljvag {
653
- .ant-collapse-item {
654
- .ant-collapse-header {
655
- padding-right: 0px;
656
- cursor: default;
657
- }
658
- }
659
- }
660
-
661
-
662
- .E_itxley7 {
663
- &.ant-input-group.ant-input-group-compact {
662
+ .E_itxley7 {
663
+ &.ant-input-group.ant-input-group-compact {
664
664
  display: flex;
665
665
  }
666
666
 
@@ -714,108 +714,15 @@
714
714
  }
715
715
 
716
716
 
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;
734
- }
735
-
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
- }
717
+ .E_ivqqkzv {
718
+ height: 24px;
719
+ width: 56px !important;
720
+ margin-right: 4px;
770
721
  }
771
722
 
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;
783
- display: flex;
784
- align-items: center;
785
- justify-content: center;
786
- border: 1px solid var(--color);
787
-
788
- .circle-inner {
789
- position: relative;
790
- height: 10px;
791
- width: 10px;
792
- border-radius: 50%;
793
- overflow: hidden;
794
- }
795
-
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);
817
- }
818
- }
723
+ .E_c1wk4q29 {
724
+ color: $text-secondary-light;
725
+ }
819
726
 
820
727
 
821
728
  .E_phljevk {
@@ -885,38 +792,6 @@
885
792
  }
886
793
 
887
794
 
888
- .E_i11gg7mj {
889
- .ant-input-prefix {
890
- margin-right: 8px;
891
- }
892
- .ant-input-suffix {
893
- margin-left: 8px;
894
- }
895
- }
896
-
897
- .E_cc368xp {
898
- color: $gray-120;
899
- border-right: 1px solid $gray-a60-5;
900
- margin-right: 8px;
901
- padding-right: 8px;
902
- }
903
-
904
- .E_i11o6xqj {
905
- display: flex;
906
- gap: 4px;
907
-
908
- .icon-wrapper {
909
- cursor: pointer;
910
- }
911
- }
912
-
913
- .E_d19ruhdj {
914
- &.icon-wrapper {
915
- cursor: not-allowed;
916
- }
917
- }
918
-
919
-
920
795
  .E_rapgekc {
921
796
  &.ant-radio-wrapper {
922
797
  display: inline-flex;
@@ -1098,34 +973,132 @@
1098
973
  }
1099
974
 
1100
975
 
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
-
976
+ .E_c1bus5hc {
977
+ --color: white;
978
+ height: 14px;
979
+ width: 14px;
980
+ border-radius: 50%;
981
+ flex-shrink: 0;
982
+ display: flex;
983
+ align-items: center;
984
+ justify-content: center;
985
+ border: 1px solid var(--color);
1111
986
 
1112
- .E_s1sck0th {
1113
- padding: 0 8px;
1114
- border-radius: 4px;
987
+ .circle-inner {
988
+ position: relative;
989
+ height: 10px;
990
+ width: 10px;
991
+ border-radius: 50%;
992
+ overflow: hidden;
1115
993
  }
1116
994
 
1117
- .E_m855nr1 {
1118
- padding: 2px 8px;
1119
- border-radius: 3px;
995
+ .circle-content {
996
+ position: absolute;
997
+ height: 100%;
998
+ width: 100%;
999
+ left: 0;
1000
+ top: 0;
1001
+ border-radius: 50%;
1002
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
1003
+ transform: rotate(180deg);
1120
1004
  }
1121
1005
 
1122
- .E_l1270xpg {
1123
- padding: 3px 8px;
1124
- border-radius: 2px;
1006
+ .circle-child {
1007
+ position: absolute;
1008
+ height: 100%;
1009
+ width: 100%;
1010
+ left: 0;
1011
+ top: 0;
1012
+ margin-left: 50%;
1013
+ transform-origin: left;
1014
+ background: white;
1015
+ transform: rotate(0deg);
1125
1016
  }
1017
+ }
1126
1018
 
1127
- .E_t14rextb {
1128
- &.ant-tag:hover {
1019
+
1020
+ .E_s1dizucg {
1021
+ &.ant-switch {
1022
+ min-width: 40px;
1023
+ height: 24px;
1024
+ background: $fills-trans-quinary-light;
1025
+ overflow: hidden;
1026
+ &:focus {
1027
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
1028
+ }
1029
+ }
1030
+ &.ant-switch-small {
1031
+ min-width: 26px;
1032
+ height: 16px;
1033
+ }
1034
+ &.ant-switch-large {
1035
+ min-width: 52px;
1036
+ height: 32px;
1037
+ }
1038
+
1039
+ &.ant-switch .ant-switch-handle {
1040
+ height: 20px;
1041
+ width: 20px;
1042
+ &::before {
1043
+ border-radius: 10px;
1044
+ transition-delay: 120ms;
1045
+ }
1046
+ }
1047
+ &.ant-switch-small .ant-switch-handle {
1048
+ height: 14px;
1049
+ width: 14px;
1050
+ top: 1px;
1051
+ left: 1px;
1052
+ }
1053
+ &.ant-switch-large .ant-switch-handle {
1054
+ height: 28px;
1055
+ width: 28px;
1056
+ &::before {
1057
+ border-radius: 14px;
1058
+ }
1059
+ }
1060
+
1061
+ &.ant-switch-checked {
1062
+ background-color: $green-60;
1063
+ }
1064
+ &.ant-switch-checked .ant-switch-handle {
1065
+ left: calc(100% - 20px - 2px);
1066
+ }
1067
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
1068
+ left: calc(100% - 14px - 1px);
1069
+ }
1070
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
1071
+ left: calc(100% - 28px - 2px);
1072
+ }
1073
+ }
1074
+
1075
+ .E_c1up6e3y {
1076
+ margin-left: 5px;
1077
+ }
1078
+
1079
+
1080
+ .E_iq1gosr {
1081
+ display: inline-block;
1082
+ }
1083
+
1084
+
1085
+ .E_s1sck0th {
1086
+ padding: 0 8px;
1087
+ border-radius: 4px;
1088
+ }
1089
+
1090
+ .E_m855nr1 {
1091
+ padding: 2px 8px;
1092
+ border-radius: 3px;
1093
+ }
1094
+
1095
+ .E_l1270xpg {
1096
+ padding: 3px 8px;
1097
+ border-radius: 2px;
1098
+ }
1099
+
1100
+ .E_t14rextb {
1101
+ &.ant-tag:hover {
1129
1102
  opacity: unset;
1130
1103
  }
1131
1104
  &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
@@ -1195,13 +1168,6 @@
1195
1168
  }
1196
1169
 
1197
1170
 
1198
- .E_tju3gfj {
1199
- .date {
1200
- margin-right: 4px;
1201
- }
1202
- }
1203
-
1204
-
1205
1171
  .E_s1dni7lo {
1206
1172
  width: 430px !important;
1207
1173
  }
@@ -1291,8 +1257,10 @@
1291
1257
  }
1292
1258
 
1293
1259
 
1294
- .E_iq1gosr {
1295
- display: inline-block;
1260
+ .E_tju3gfj {
1261
+ .date {
1262
+ margin-right: 4px;
1263
+ }
1296
1264
  }
1297
1265
 
1298
1266
 
@@ -1310,6 +1278,47 @@
1310
1278
  }
1311
1279
 
1312
1280
 
1281
+ .E_i1inqkme {
1282
+ height: 18px;
1283
+ line-height: 18px;
1284
+ padding: 0 4px;
1285
+ border-radius: 4px;
1286
+ background: rgba(235, 239, 245, 0.6);
1287
+ border: 1px solid rgba(223, 228, 235, 0.6);
1288
+ display: flex;
1289
+ align-items: center;
1290
+ white-space: nowrap;
1291
+ margin-right: 4px;
1292
+ }
1293
+
1294
+
1295
+ .E_fzh9mnb {
1296
+ width: 100%;
1297
+ height: 100%;
1298
+ min-height: 124px;
1299
+ display: flex;
1300
+ flex-direction: column;
1301
+ justify-content: center;
1302
+ align-items: center;
1303
+
1304
+ .error-text {
1305
+ color: $text-terdiary-light;
1306
+ margin-bottom: 16px;
1307
+ font-size: 18px;
1308
+ }
1309
+ }
1310
+
1311
+
1312
+ .E_atcz0kf {
1313
+ .ant-input-suffix {
1314
+ margin-left: 8px;
1315
+ }
1316
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1317
+ padding: 2px 7px 2px 12px;
1318
+ }
1319
+ }
1320
+
1321
+
1313
1322
  .E_iouxfgt {
1314
1323
  display: inline-flex;
1315
1324
  align-items: center;
@@ -1332,87 +1341,6 @@
1332
1341
  }
1333
1342
 
1334
1343
 
1335
- .E_ai7qkf2 {
1336
- .ant-input-number-handler-wrap {
1337
- display: var(--ai7qkf2-0);
1338
- }
1339
- .ant-input-number-input-wrap {
1340
- display: inline-flex;
1341
- line-height: 1.5715;
1342
- height: 100%;
1343
- width: 100%;
1344
- }
1345
-
1346
- .ant-input-number-input-wrap::after {
1347
- content: var(--ai7qkf2-1);
1348
- display: var(--ai7qkf2-2);
1349
- flex: none;
1350
- align-items: center;
1351
- margin-left: 4px;
1352
- padding: 5px 12px 5px 0;
1353
- color: rgba(44, 56, 82, 0.6);
1354
- }
1355
-
1356
- .ant-input-number-input-wrap::before {
1357
- content: var(--ai7qkf2-3);
1358
- display: var(--ai7qkf2-4);
1359
- flex: none;
1360
- align-items: center;
1361
- margin-right: 4px;
1362
- cursor: auto;
1363
- color: rgba(44, 56, 82, 0.6);
1364
- }
1365
-
1366
- .ant-input-group.ant-input-group-compact > & {
1367
- border-radius: 0;
1368
- }
1369
-
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
- }
1394
-
1395
- .ant-input-number-input {
1396
- height: 30px;
1397
- border: 1px;
1398
- padding: 5px 12px;
1399
- font-size: inherit;
1400
- }
1401
-
1402
- &.ant-input-number-lg input {
1403
- height: 38px;
1404
- border: 1px;
1405
- padding: 8px 16px;
1406
- }
1407
-
1408
- &.ant-input-number-sm input {
1409
- height: 22px;
1410
- border: 1px;
1411
- padding: 2px 8px;
1412
- }
1413
- }
1414
-
1415
-
1416
1344
  .E_f7pxqmh {
1417
1345
  width: 100%;
1418
1346
  margin-bottom: 0 !important;
@@ -1455,20 +1383,6 @@
1455
1383
  }
1456
1384
 
1457
1385
 
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;
1466
- align-items: center;
1467
- white-space: nowrap;
1468
- margin-right: 4px;
1469
- }
1470
-
1471
-
1472
1386
  .E_a1wfy30z {
1473
1387
  .ant-input-number-handler-wrap {
1474
1388
  display: var(--a1wfy30z-0);
@@ -1506,40 +1420,121 @@
1506
1420
  }
1507
1421
 
1508
1422
 
1509
- .E_atcz0kf {
1510
- .ant-input-suffix {
1511
- margin-left: 8px;
1423
+ .E_ai7qkf2 {
1424
+ .ant-input-number-handler-wrap {
1425
+ display: var(--ai7qkf2-0);
1512
1426
  }
1513
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1514
- padding: 2px 7px 2px 12px;
1427
+ .ant-input-number-input-wrap {
1428
+ display: inline-flex;
1429
+ line-height: 1.5715;
1430
+ height: 100%;
1431
+ width: 100%;
1515
1432
  }
1516
- }
1517
1433
 
1434
+ .ant-input-number-input-wrap::after {
1435
+ content: var(--ai7qkf2-1);
1436
+ display: var(--ai7qkf2-2);
1437
+ flex: none;
1438
+ align-items: center;
1439
+ margin-left: 4px;
1440
+ padding: 5px 12px 5px 0;
1441
+ color: rgba(44, 56, 82, 0.6);
1442
+ }
1518
1443
 
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;
1444
+ .ant-input-number-input-wrap::before {
1445
+ content: var(--ai7qkf2-3);
1446
+ display: var(--ai7qkf2-4);
1447
+ flex: none;
1448
+ align-items: center;
1449
+ margin-right: 4px;
1450
+ cursor: auto;
1451
+ color: rgba(44, 56, 82, 0.6);
1452
+ }
1527
1453
 
1528
- .error-text {
1529
- color: $text-terdiary-light;
1530
- margin-bottom: 16px;
1531
- font-size: 18px;
1454
+ .ant-input-group.ant-input-group-compact > & {
1455
+ border-radius: 0;
1456
+ }
1457
+
1458
+ &.ant-input-number {
1459
+ width: 100%;
1460
+ border-radius: 6px;
1461
+ }
1462
+ &.ant-input-number:not([disabled]) {
1463
+ &:focus,
1464
+ &:active,
1465
+ &.ant-input-number-focused {
1466
+ &.ant-input-number {
1467
+ border-color: $blue;
1468
+ box-shadow: $shadow-light-active;
1469
+ z-index: $input-hover-index;
1470
+ }
1471
+ }
1472
+ &.error {
1473
+ &:hover,
1474
+ &.ant-input-number-focused {
1475
+ &.ant-input-number {
1476
+ border-color: $red;
1477
+ box-shadow: $shadow-light-error;
1478
+ }
1479
+ }
1480
+ }
1532
1481
  }
1533
- }
1534
1482
 
1483
+ .ant-input-number-input {
1484
+ height: 30px;
1485
+ border: 1px;
1486
+ padding: 5px 12px;
1487
+ font-size: inherit;
1488
+ }
1535
1489
 
1536
- .E_owd0kml {
1537
- display: inline-block;
1490
+ &.ant-input-number-lg input {
1491
+ height: 38px;
1492
+ border: 1px;
1493
+ padding: 8px 16px;
1494
+ }
1495
+
1496
+ &.ant-input-number-sm input {
1497
+ height: 22px;
1498
+ border: 1px;
1499
+ padding: 2px 8px;
1500
+ }
1538
1501
  }
1539
1502
 
1540
- .E_h1jsgezc {
1541
- visibility: hidden;
1542
- position: absolute;
1503
+
1504
+ .E_a1b5xrg3 {
1505
+ .user-icon-inner {
1506
+ display: inline-flex;
1507
+ align-items: center;
1508
+ justify-content: center;
1509
+ color: $white;
1510
+ font-weight: bold;
1511
+ font-size: 12px;
1512
+ width: 24px;
1513
+ height: 24px;
1514
+ border-radius: 50%;
1515
+ background: var(--a1b5xrg3-0);
1516
+ }
1517
+ &.btn-item {
1518
+ transition: all 160ms ease;
1519
+ cursor: pointer;
1520
+ width: 56px;
1521
+ height: 40px;
1522
+ display: inline-flex;
1523
+ align-items: center;
1524
+ justify-content: center;
1525
+ border-radius: 6px;
1526
+
1527
+ &:hover {
1528
+ box-shadow:
1529
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
1530
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
1531
+ }
1532
+
1533
+ &:active {
1534
+ transform: translateY(2px);
1535
+ transition: all 320ms ease;
1536
+ }
1537
+ }
1543
1538
  }
1544
1539
 
1545
1540
 
@@ -1897,48 +1892,6 @@
1897
1892
  }
1898
1893
 
1899
1894
 
1900
- .E_a1b5xrg3 {
1901
- .user-icon-inner {
1902
- display: inline-flex;
1903
- align-items: center;
1904
- justify-content: center;
1905
- color: $white;
1906
- font-weight: bold;
1907
- font-size: 12px;
1908
- width: 24px;
1909
- height: 24px;
1910
- border-radius: 50%;
1911
- background: var(--a1b5xrg3-0);
1912
- }
1913
- &.btn-item {
1914
- transition: all 160ms ease;
1915
- cursor: pointer;
1916
- width: 56px;
1917
- height: 40px;
1918
- display: inline-flex;
1919
- align-items: center;
1920
- justify-content: center;
1921
- border-radius: 6px;
1922
-
1923
- &:hover {
1924
- box-shadow:
1925
- 0px 0px 20px rgba(107, 125, 153, 0.18),
1926
- 0px 25px 80px rgba(45, 58, 86, 0.3);
1927
- }
1928
-
1929
- &:active {
1930
- transform: translateY(2px);
1931
- transition: all 320ms ease;
1932
- }
1933
- }
1934
- }
1935
-
1936
-
1937
- .E_m196gn1d {
1938
- min-width: 1280px;
1939
- }
1940
-
1941
-
1942
1895
  .E_cnujxq2 {
1943
1896
  display: flex;
1944
1897
  flex-direction: column;
@@ -2752,105 +2705,18 @@
2752
2705
  }
2753
2706
 
2754
2707
 
2755
- .E_s17wv897 {
2756
- &.ant-select,
2757
- &.ant-select div.ant-select-selector {
2758
- border-radius: 6px;
2759
- }
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
- }
2708
+ .E_owd0kml {
2709
+ display: inline-block;
2710
+ }
2831
2711
 
2832
- &:hover .ant-select-arrow,
2833
- &.__pseudo-states-hover .ant-select-arrow {
2834
- color: $text-light-super;
2835
- }
2712
+ .E_h1jsgezc {
2713
+ visibility: hidden;
2714
+ position: absolute;
2715
+ }
2836
2716
 
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
2717
 
2849
- &.ant-select-open .ant-select-arrow .anticon-down {
2850
- transform: rotate(180deg);
2851
- }
2852
- }
2853
- }
2718
+ .E_m196gn1d {
2719
+ min-width: 1280px;
2854
2720
  }
2855
2721
 
2856
2722
 
@@ -3083,18 +2949,104 @@
3083
2949
  }
3084
2950
 
3085
2951
 
3086
- .E_w1dxz879 {
3087
- display: flex;
3088
- flex-direction: column;
3089
- gap: 6px;
3090
- .ellipsis-tooltip {
3091
- max-height: var(--w1dxz879-0);
3092
- text-overflow: clip;
3093
- overflow: hidden;
2952
+ .E_s17wv897 {
2953
+ &.ant-select,
2954
+ &.ant-select div.ant-select-selector {
2955
+ border-radius: 6px;
3094
2956
  }
3095
- .tips {
3096
- color: #fff;
3097
- opacity: 0.8;
2957
+
2958
+ &.ant-select {
2959
+ &.ant-select-single {
2960
+ width: 100%;
2961
+ &[data-size="small"] {
2962
+ }
2963
+ &[data-size="middle"] {
2964
+ height: 30px;
2965
+ }
2966
+ &[data-size="large"] {
2967
+ }
2968
+ color: $text-primary-light;
2969
+ border-color: $strokes-light-trans-2;
2970
+ transition:
2971
+ border 160ms ease 8ms,
2972
+ box-shadow 160ms ease 8ms;
2973
+ font-size: 13px;
2974
+
2975
+ &.ant-select-lg {
2976
+ height: 38px;
2977
+ font-size: 13px;
2978
+ }
2979
+
2980
+ .ant-select-arrow,
2981
+ .ant-select-arrow .anticon-down {
2982
+ transition: 160ms ease;
2983
+ }
2984
+
2985
+ .ant-select-arrow-loading {
2986
+ color: $fills-light-general-general;
2987
+ }
2988
+
2989
+ &:not(.ant-select-disabled) {
2990
+ &:hover .ant-select-selector,
2991
+ &.__pseudo-states-hover .ant-select-selector {
2992
+ border-color: $strokes-light-trans-4;
2993
+ box-shadow: $shadow-light-hover;
2994
+ }
2995
+
2996
+ &:hover .ant-select-arrow,
2997
+ &.__pseudo-states-hover .ant-select-arrow {
2998
+ color: $fills-light-general-general;
2999
+ }
3000
+
3001
+ &:active,
3002
+ &:focus,
3003
+ &.ant-select-focused,
3004
+ &.ant-select-open,
3005
+ &.__pseudo-states-active,
3006
+ &.__pseudo-states-focus {
3007
+ .ant-select-selector {
3008
+ border-color: $fills-light-general-general;
3009
+ box-shadow: $shadow-light-active;
3010
+ }
3011
+ }
3012
+
3013
+ &.ant-select-open .ant-select-arrow .anticon-down {
3014
+ transform: rotate(180deg);
3015
+ }
3016
+ }
3017
+
3018
+ &.ant-select-disabled .ant-select-selector {
3019
+ background: $fills-light-trans-3;
3020
+ border-color: $strokes-light-trans-3;
3021
+ cursor: "not-allowed";
3022
+ }
3023
+ }
3024
+ &.select-error:not(.ant-select-disabled) {
3025
+ .ant-select-selector {
3026
+ border-color: $fills-light-serious-serious !important;
3027
+ }
3028
+
3029
+ &:hover .ant-select-arrow,
3030
+ &.__pseudo-states-hover .ant-select-arrow {
3031
+ color: $text-light-super;
3032
+ }
3033
+
3034
+ &:active,
3035
+ &:focus,
3036
+ &.ant-select-focused,
3037
+ &.ant-select-open,
3038
+ &.__pseudo-states-focus,
3039
+ &.__pseudo-states-active {
3040
+ .ant-select-selector {
3041
+ border-color: $fills-light-general-general;
3042
+ box-shadow: $shadow-light-error;
3043
+ }
3044
+ }
3045
+
3046
+ &.ant-select-open .ant-select-arrow .anticon-down {
3047
+ transform: rotate(180deg);
3048
+ }
3049
+ }
3098
3050
  }
3099
3051
  }
3100
3052
 
@@ -3115,6 +3067,22 @@
3115
3067
  }
3116
3068
 
3117
3069
 
3070
+ .E_w1dxz879 {
3071
+ display: flex;
3072
+ flex-direction: column;
3073
+ gap: 6px;
3074
+ .ellipsis-tooltip {
3075
+ max-height: var(--w1dxz879-0);
3076
+ text-overflow: clip;
3077
+ overflow: hidden;
3078
+ }
3079
+ .tips {
3080
+ color: #fff;
3081
+ opacity: 0.8;
3082
+ }
3083
+ }
3084
+
3085
+
3118
3086
  .E_ryby9ds {
3119
3087
  display: flex;
3120
3088
  align-items: center;
@@ -3465,251 +3433,96 @@
3465
3433
  }
3466
3434
 
3467
3435
 
3468
- .E_l48ei06 {
3469
- @at-root {
3470
- button#{&}.ant-btn,
3471
- button#{&}.ant-btn.ant-btn-sm,
3472
- button#{&}.ant-btn.ant-btn-lg {
3473
- font-size: 12px;
3474
- line-height: 18px;
3475
- height: 18px;
3476
- }
3477
- button#{&} {
3478
- color: #0080FF;
3479
- height: unset;
3480
- .button-prefix-icon {
3481
- margin-right: 4px;
3482
- }
3483
- .button-suffix-icon {
3484
- margin-left: 4px;
3485
- }
3436
+ .E_h12yihis {
3437
+ height: 50px;
3438
+ border-bottom: 2px solid #edf0f7;
3439
+ background: $fills-opaque-primary-light;
3440
+ display: flex;
3441
+ justify-content: space-between;
3442
+ align-items: center;
3443
+ padding: 0 24px 0 14px;
3444
+ position: relative;
3445
+ z-index: 10;
3486
3446
 
3487
- &:hover,
3488
- &.__pseudo-states-hover {
3489
- color: #009DFF;
3490
- }
3447
+ .left,
3448
+ .right,
3449
+ .center {
3450
+ display: flex;
3451
+ align-items: center;
3452
+ flex: 1;
3453
+ flex-shrink: 0;
3454
+ }
3491
3455
 
3492
- &:active,
3493
- &.__pseudo-states-active {
3494
- color: #005ED1;
3495
- }
3496
- &.ui-kit-link-disabled {
3497
- color: #0080FF;
3498
- }
3499
- &.ui-kit-link-primary {
3500
- color: #00122E;
3456
+ .center {
3457
+ flex: 0.8;
3458
+ }
3501
3459
 
3502
- &:hover,
3503
- &.__pseudo-states-hover {
3504
- color: #0080FF;
3505
- }
3460
+ .right {
3461
+ justify-content: flex-end;
3506
3462
 
3507
- &:active,
3508
- &.__pseudo-states-active {
3509
- color: #005ED1;
3510
- }
3463
+ &.is-scrolled .btn-group:before {
3464
+ opacity: 1;
3465
+ }
3511
3466
 
3512
- &.ui-kit-link-disabled {
3513
- color: #00122E;
3514
- }
3467
+ .btn-group {
3468
+ margin-left: 32px;
3469
+ position: relative;
3470
+ display: flex;
3471
+ align-items: center;
3472
+
3473
+ &:before {
3474
+ content: "";
3475
+ opacity: 0;
3476
+ height: 24px;
3477
+ width: 1px;
3478
+ background: $fills-light-trans-2;
3479
+ position: absolute;
3480
+ left: -16px;
3481
+ top: 50%;
3482
+ transform: translateY(-50%);
3483
+ transition: opacity 160ms ease;
3515
3484
  }
3516
3485
 
3517
- &.ui-kit-link-secondary {
3518
- color: #2C3852BF;
3486
+ > .btn-item {
3487
+ transition: all 160ms ease;
3488
+ cursor: pointer;
3489
+ width: 56px;
3490
+ height: 40px;
3491
+ display: inline-flex;
3492
+ align-items: center;
3493
+ justify-content: center;
3494
+ border-radius: 6px;
3519
3495
 
3520
- &:hover,
3521
- &.__pseudo-states-hover {
3522
- color: #0080FF;
3496
+ &:hover {
3497
+ box-shadow:
3498
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
3499
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
3523
3500
  }
3524
3501
 
3525
- &:active,
3526
- &.__pseudo-states-active {
3527
- color: #005ED1;
3502
+ &:active {
3503
+ transform: translateY(2px);
3504
+ transition: all 320ms ease;
3528
3505
  }
3506
+ }
3529
3507
 
3530
- &.ui-kit-link-disabled {
3531
- color: #2C3852BF;
3532
- }
3508
+ > *:not(:first-child) {
3509
+ margin-left: 4px;
3533
3510
  }
3534
3511
  }
3535
- }
3536
- }
3512
+ .create-menu-and-export {
3513
+ height: 48px;
3514
+ overflow: hidden;
3515
+ display: flex;
3516
+ align-items: center;
3517
+ padding: 0 4px;
3518
+ margin: 0 -4px;
3537
3519
 
3538
-
3539
- .E_sddwhm6 {
3540
- $prefix: ui-kit-status-capsule;
3541
- margin: 0;
3542
- border-radius: 20px;
3543
- padding: 2px 10px;
3544
- height: 22px;
3545
-
3546
- &.ant-tag.#{$prefix}.off-white {
3547
- background-color: $fill-neutral-trans-1 !important;
3548
- &.tag-hover:hover,
3549
- &.__pseudo-states-hover {
3550
- background-color: $fill-neutral-trans-2 !important;
3551
- }
3552
- }
3553
- &.ant-tag.#{$prefix} {
3554
- color: $text-neutral-primary;
3555
- .#{$prefix}-icon {
3556
- margin-right: 6px;
3557
- }
3558
- .#{$prefix}-number {
3559
- margin-left: 8px;
3560
- color: #2C385299;
3561
- }
3562
- &.ant-tag-blue {
3563
- background-color: $fill-outstanding-light;
3564
- .#{$prefix}-icon {
3565
- background-color: $fill-outstanding-base;
3566
- }
3567
- &.tag-hover:hover,
3568
- &.__pseudo-states-hover {
3569
- background-color: $fill-outstanding-light-hover;
3570
- }
3571
- }
3572
- &.ant-tag-red {
3573
- background-color: $fill-serious-light;
3574
- .#{$prefix}-icon {
3575
- background-color: $fill-serious-base;
3576
- }
3577
- &.tag-hover:hover,
3578
- &.__pseudo-states-hover {
3579
- background-color: $fill-serious-light-hover;
3580
- }
3581
- }
3582
- &.ant-tag-yellow {
3583
- background-color: $fill-notice-light;
3584
- .#{$prefix}-icon {
3585
- background-color: $fill-notice-base;
3586
- }
3587
- &.tag-hover:hover,
3588
- &.__pseudo-states-hover {
3589
- background-color: $fill-notice-light-hover;
3590
- }
3591
- }
3592
- &.ant-tag-green {
3593
- background-color: $fill-positive-light;
3594
- .#{$prefix}-icon {
3595
- background-color: $fill-positive-base;
3596
- }
3597
- &.tag-hover:hover,
3598
- &.__pseudo-states-hover {
3599
- background-color: $fill-positive-light-hover;
3600
- }
3601
- }
3602
- &.ant-tag-gray {
3603
- background-color: $fill-neutral-trans-2;
3604
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3605
- background-color: $gray-70;
3606
- }
3607
- &.tag-hover:hover,
3608
- &.__pseudo-states-hover {
3609
- background-color: $fill-neutral-trans-3-trans-2-hover;
3610
- }
3611
- }
3612
- }
3613
- }
3614
-
3615
- .E_satwmqm {
3616
- width: 8px;
3617
- height: 8px;
3618
- border-radius: 50%;
3619
- display: inline-block;
3620
- }
3621
-
3622
-
3623
- .E_h12yihis {
3624
- height: 50px;
3625
- border-bottom: 2px solid #edf0f7;
3626
- background: $fills-opaque-primary-light;
3627
- display: flex;
3628
- justify-content: space-between;
3629
- align-items: center;
3630
- padding: 0 24px 0 14px;
3631
- position: relative;
3632
- z-index: 10;
3633
-
3634
- .left,
3635
- .right,
3636
- .center {
3637
- display: flex;
3638
- align-items: center;
3639
- flex: 1;
3640
- flex-shrink: 0;
3641
- }
3642
-
3643
- .center {
3644
- flex: 0.8;
3645
- }
3646
-
3647
- .right {
3648
- justify-content: flex-end;
3649
-
3650
- &.is-scrolled .btn-group:before {
3651
- opacity: 1;
3652
- }
3653
-
3654
- .btn-group {
3655
- margin-left: 32px;
3656
- position: relative;
3657
- display: flex;
3658
- align-items: center;
3659
-
3660
- &:before {
3661
- content: "";
3662
- opacity: 0;
3663
- height: 24px;
3664
- width: 1px;
3665
- background: $fills-light-trans-2;
3666
- position: absolute;
3667
- left: -16px;
3668
- top: 50%;
3669
- transform: translateY(-50%);
3670
- transition: opacity 160ms ease;
3671
- }
3672
-
3673
- > .btn-item {
3674
- transition: all 160ms ease;
3675
- cursor: pointer;
3676
- width: 56px;
3677
- height: 40px;
3678
- display: inline-flex;
3679
- align-items: center;
3680
- justify-content: center;
3681
- border-radius: 6px;
3682
-
3683
- &:hover {
3684
- box-shadow:
3685
- 0px 0px 20px rgba(107, 125, 153, 0.18),
3686
- 0px 25px 80px rgba(45, 58, 86, 0.3);
3687
- }
3688
-
3689
- &:active {
3690
- transform: translateY(2px);
3691
- transition: all 320ms ease;
3692
- }
3693
- }
3694
-
3695
- > *:not(:first-child) {
3696
- margin-left: 4px;
3697
- }
3698
- }
3699
- .create-menu-and-export {
3700
- height: 48px;
3701
- overflow: hidden;
3702
- display: flex;
3703
- align-items: center;
3704
- padding: 0 4px;
3705
- margin: 0 -4px;
3706
-
3707
- &.active {
3708
- .create-menu-in-nav,
3709
- .export-btn {
3710
- transform: translateY(0);
3711
- }
3712
- }
3520
+ &.active {
3521
+ .create-menu-in-nav,
3522
+ .export-btn {
3523
+ transform: translateY(0);
3524
+ }
3525
+ }
3713
3526
 
3714
3527
  .create-menu-in-nav,
3715
3528
  .export-btn {
@@ -3890,79 +3703,234 @@
3890
3703
  }
3891
3704
 
3892
3705
 
3893
- .E_tc97u5y {
3894
- height: 100%;
3895
- }
3896
-
3897
- .E_efzf37v {
3898
- .ant-table-content,
3899
- .ant-table-body {
3900
- overflow: visible !important;
3901
- height: 100%;
3902
- }
3903
-
3904
- .ant-table-tbody .ant-table-placeholder td {
3905
- height: 100%;
3906
- }
3706
+ .E_sddwhm6 {
3707
+ $prefix: ui-kit-status-capsule;
3708
+ margin: 0;
3709
+ border-radius: 20px;
3710
+ padding: 2px 10px;
3711
+ height: 22px;
3907
3712
 
3908
- table {
3909
- width: 100% !important;
3910
- height: 100%;
3911
- .ant-table-placeholder .ant-table-expanded-row-fixed {
3912
- padding: 15px 0;
3713
+ &.ant-tag.#{$prefix}.off-white {
3714
+ background-color: $fill-neutral-trans-1 !important;
3715
+ &.tag-hover:hover,
3716
+ &.__pseudo-states-hover {
3717
+ background-color: $fill-neutral-trans-2 !important;
3913
3718
  }
3914
3719
  }
3915
-
3916
- table thead.ant-table-thead {
3917
- display: none;
3918
- }
3919
- }
3920
-
3921
- .E_t1fisho6 {
3922
- height: 100%;
3923
-
3924
- .ant-table.ant-table-small .ant-table-tbody > tr > td {
3925
- padding-top: 6px;
3926
- padding-bottom: 6px;
3927
- }
3928
-
3929
- .active-row td:nth-child(1) {
3930
- font-weight: 700;
3931
- }
3932
- &.has-selection .active-row td:nth-child(2) {
3933
- font-weight: 700;
3934
- }
3935
-
3936
- .ant-spin-nested-loading {
3937
- height: 100%;
3938
-
3939
- .ant-spin-container {
3940
- height: 100%;
3941
- overflow: visible;
3942
- }
3943
- .ant-spin {
3944
- max-height: none;
3720
+ &.ant-tag.#{$prefix} {
3721
+ color: $text-neutral-primary;
3722
+ .#{$prefix}-icon {
3723
+ margin-right: 6px;
3945
3724
  }
3946
- }
3947
-
3948
- td.ant-table-column-sort {
3949
- background: transparent;
3950
- }
3951
-
3952
- td.ant-table-cell-fix-left,
3953
- td.ant-table-cell-fix-right {
3954
- background: #fff;
3955
- padding: 0 !important;
3956
- .ant-table-cell-content {
3957
- display: flex;
3958
- align-items: center;
3959
- height: 100%;
3960
- padding: 8px;
3961
- > span {
3962
- overflow: hidden;
3963
- text-overflow: ellipsis;
3964
- width: 100%;
3965
- }
3725
+ .#{$prefix}-number {
3726
+ margin-left: 8px;
3727
+ color: #2C385299;
3728
+ }
3729
+ &.ant-tag-blue {
3730
+ background-color: $fill-outstanding-light;
3731
+ .#{$prefix}-icon {
3732
+ background-color: $fill-outstanding-base;
3733
+ }
3734
+ &.tag-hover:hover,
3735
+ &.__pseudo-states-hover {
3736
+ background-color: $fill-outstanding-light-hover;
3737
+ }
3738
+ }
3739
+ &.ant-tag-red {
3740
+ background-color: $fill-serious-light;
3741
+ .#{$prefix}-icon {
3742
+ background-color: $fill-serious-base;
3743
+ }
3744
+ &.tag-hover:hover,
3745
+ &.__pseudo-states-hover {
3746
+ background-color: $fill-serious-light-hover;
3747
+ }
3748
+ }
3749
+ &.ant-tag-yellow {
3750
+ background-color: $fill-notice-light;
3751
+ .#{$prefix}-icon {
3752
+ background-color: $fill-notice-base;
3753
+ }
3754
+ &.tag-hover:hover,
3755
+ &.__pseudo-states-hover {
3756
+ background-color: $fill-notice-light-hover;
3757
+ }
3758
+ }
3759
+ &.ant-tag-green {
3760
+ background-color: $fill-positive-light;
3761
+ .#{$prefix}-icon {
3762
+ background-color: $fill-positive-base;
3763
+ }
3764
+ &.tag-hover:hover,
3765
+ &.__pseudo-states-hover {
3766
+ background-color: $fill-positive-light-hover;
3767
+ }
3768
+ }
3769
+ &.ant-tag-gray {
3770
+ background-color: $fill-neutral-trans-2;
3771
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3772
+ background-color: $gray-70;
3773
+ }
3774
+ &.tag-hover:hover,
3775
+ &.__pseudo-states-hover {
3776
+ background-color: $fill-neutral-trans-3-trans-2-hover;
3777
+ }
3778
+ }
3779
+ }
3780
+ }
3781
+
3782
+ .E_satwmqm {
3783
+ width: 8px;
3784
+ height: 8px;
3785
+ border-radius: 50%;
3786
+ display: inline-block;
3787
+ }
3788
+
3789
+
3790
+ .E_l48ei06 {
3791
+ @at-root {
3792
+ button#{&}.ant-btn,
3793
+ button#{&}.ant-btn.ant-btn-sm,
3794
+ button#{&}.ant-btn.ant-btn-lg {
3795
+ font-size: 12px;
3796
+ line-height: 18px;
3797
+ height: 18px;
3798
+ }
3799
+ button#{&} {
3800
+ color: #0080FF;
3801
+ height: unset;
3802
+ .button-prefix-icon {
3803
+ margin-right: 4px;
3804
+ }
3805
+ .button-suffix-icon {
3806
+ margin-left: 4px;
3807
+ }
3808
+
3809
+ &:hover,
3810
+ &.__pseudo-states-hover {
3811
+ color: #009DFF;
3812
+ }
3813
+
3814
+ &:active,
3815
+ &.__pseudo-states-active {
3816
+ color: #005ED1;
3817
+ }
3818
+ &.ui-kit-link-disabled {
3819
+ color: #0080FF;
3820
+ }
3821
+ &.ui-kit-link-primary {
3822
+ color: #00122E;
3823
+
3824
+ &:hover,
3825
+ &.__pseudo-states-hover {
3826
+ color: #0080FF;
3827
+ }
3828
+
3829
+ &:active,
3830
+ &.__pseudo-states-active {
3831
+ color: #005ED1;
3832
+ }
3833
+
3834
+ &.ui-kit-link-disabled {
3835
+ color: #00122E;
3836
+ }
3837
+ }
3838
+
3839
+ &.ui-kit-link-secondary {
3840
+ color: #2C3852BF;
3841
+
3842
+ &:hover,
3843
+ &.__pseudo-states-hover {
3844
+ color: #0080FF;
3845
+ }
3846
+
3847
+ &:active,
3848
+ &.__pseudo-states-active {
3849
+ color: #005ED1;
3850
+ }
3851
+
3852
+ &.ui-kit-link-disabled {
3853
+ color: #2C3852BF;
3854
+ }
3855
+ }
3856
+ }
3857
+ }
3858
+ }
3859
+
3860
+
3861
+ .E_tc97u5y {
3862
+ height: 100%;
3863
+ }
3864
+
3865
+ .E_efzf37v {
3866
+ .ant-table-content,
3867
+ .ant-table-body {
3868
+ overflow: visible !important;
3869
+ height: 100%;
3870
+ }
3871
+
3872
+ .ant-table-tbody .ant-table-placeholder td {
3873
+ height: 100%;
3874
+ }
3875
+
3876
+ table {
3877
+ width: 100% !important;
3878
+ height: 100%;
3879
+ .ant-table-placeholder .ant-table-expanded-row-fixed {
3880
+ padding: 15px 0;
3881
+ }
3882
+ }
3883
+
3884
+ table thead.ant-table-thead {
3885
+ display: none;
3886
+ }
3887
+ }
3888
+
3889
+ .E_t1fisho6 {
3890
+ height: 100%;
3891
+
3892
+ .ant-table.ant-table-small .ant-table-tbody > tr > td {
3893
+ padding-top: 6px;
3894
+ padding-bottom: 6px;
3895
+ }
3896
+
3897
+ .active-row td:nth-child(1) {
3898
+ font-weight: 700;
3899
+ }
3900
+ &.has-selection .active-row td:nth-child(2) {
3901
+ font-weight: 700;
3902
+ }
3903
+
3904
+ .ant-spin-nested-loading {
3905
+ height: 100%;
3906
+
3907
+ .ant-spin-container {
3908
+ height: 100%;
3909
+ overflow: visible;
3910
+ }
3911
+ .ant-spin {
3912
+ max-height: none;
3913
+ }
3914
+ }
3915
+
3916
+ td.ant-table-column-sort {
3917
+ background: transparent;
3918
+ }
3919
+
3920
+ td.ant-table-cell-fix-left,
3921
+ td.ant-table-cell-fix-right {
3922
+ background: #fff;
3923
+ padding: 0 !important;
3924
+ .ant-table-cell-content {
3925
+ display: flex;
3926
+ align-items: center;
3927
+ height: 100%;
3928
+ padding: 8px;
3929
+ > span {
3930
+ overflow: hidden;
3931
+ text-overflow: ellipsis;
3932
+ width: 100%;
3933
+ }
3966
3934
  }
3967
3935
  }
3968
3936
 
@@ -4412,41 +4380,115 @@
4412
4380
  }
4413
4381
 
4414
4382
 
4415
- .E_u3l9ivi {
4416
- width: 100%;
4417
- position: relative;
4418
- .upload-label {
4419
- color: $text-light-primary;
4420
- word-break: break-word;
4421
- margin-bottom: 4px;
4422
- display: block;
4423
- }
4424
- .upload-description {
4425
- color: $text-light-secondary;
4426
- word-break: break-word;
4427
- }
4428
- .upload-button {
4429
- display: block;
4430
- }
4431
- .upload-button:not(:first-child),
4432
- .upload-drag:not(:first-child) {
4433
- margin-top: 8px;
4434
- }
4435
- .upload-button:not(:last-child),
4436
- .upload-drag:not(:last-child) {
4437
- margin-bottom: 8px;
4383
+ .E_r77hffu {
4384
+ display: flex;
4385
+ align-items: center;
4386
+ justify-content: space-between;
4387
+ column-gap: 6px;
4388
+ }
4389
+
4390
+ .E_p1cmxsf7 {
4391
+ display: flex;
4392
+ flex-direction: column;
4393
+ justify-content: center;
4394
+ row-gap: var(--p1cmxsf7-0);
4395
+
4396
+ .antd5-progress-line {
4397
+ font-size: 0;
4398
+ margin-bottom: unset;
4399
+ margin-inline-end: unset;
4438
4400
  }
4401
+ }
4439
4402
 
4440
- .upload-drag-area {
4441
- padding: 32px 16px;
4442
- border-radius: 4px;
4443
- border: 1px dashed $strokes-light-trans-4;
4444
- background: $fills-light-trans-1;
4445
4403
 
4446
- display: flex;
4447
- flex-direction: column;
4448
- align-items: center;
4449
- .upload-drag-text {
4404
+ .E_c1yd35n {
4405
+ padding: 0 12px 14px 12px;
4406
+ }
4407
+
4408
+
4409
+ .E_c1kghdax {
4410
+ color: $text-primary-light;
4411
+ padding: 7px 12px;
4412
+ display: flex;
4413
+ justify-content: space-between;
4414
+ align-items: center;
4415
+
4416
+ &.has-arrow {
4417
+ padding-left: 10px;
4418
+
4419
+ .title-wrapper {
4420
+ cursor: pointer;
4421
+ color: $text-light-primary;
4422
+
4423
+ &.is-open {
4424
+ color: $text-primary-light;
4425
+ font-weight: 600;
4426
+
4427
+ .collapse-arrow {
4428
+ transform: rotate(90deg);
4429
+ }
4430
+ }
4431
+ }
4432
+ }
4433
+
4434
+ .sub-info {
4435
+ font-size: 12px;
4436
+ line-height: 18px;
4437
+ }
4438
+
4439
+ .title-wrapper {
4440
+ display: flex;
4441
+ align-items: center;
4442
+ user-select: none;
4443
+ flex-grow: 1;
4444
+ font-size: 12px;
4445
+ line-height: 18px;
4446
+ color: $text-primary-light;
4447
+ font-weight: 700;
4448
+ }
4449
+
4450
+ .collapse-arrow {
4451
+ transition: all 50ms ease-out 0ms;
4452
+ margin-right: 2px;
4453
+ }
4454
+ }
4455
+
4456
+
4457
+ .E_u3l9ivi {
4458
+ width: 100%;
4459
+ position: relative;
4460
+ .upload-label {
4461
+ color: $text-light-primary;
4462
+ word-break: break-word;
4463
+ margin-bottom: 4px;
4464
+ display: block;
4465
+ }
4466
+ .upload-description {
4467
+ color: $text-light-secondary;
4468
+ word-break: break-word;
4469
+ }
4470
+ .upload-button {
4471
+ display: block;
4472
+ }
4473
+ .upload-button:not(:first-child),
4474
+ .upload-drag:not(:first-child) {
4475
+ margin-top: 8px;
4476
+ }
4477
+ .upload-button:not(:last-child),
4478
+ .upload-drag:not(:last-child) {
4479
+ margin-bottom: 8px;
4480
+ }
4481
+
4482
+ .upload-drag-area {
4483
+ padding: 32px 16px;
4484
+ border-radius: 4px;
4485
+ border: 1px dashed $strokes-light-trans-4;
4486
+ background: $fills-light-trans-1;
4487
+
4488
+ display: flex;
4489
+ flex-direction: column;
4490
+ align-items: center;
4491
+ .upload-drag-text {
4450
4492
  text-align: center;
4451
4493
  }
4452
4494
 
@@ -4601,67 +4643,6 @@
4601
4643
  }
4602
4644
 
4603
4645
 
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
-
4617
- .E_c1kghdax {
4618
- color: $text-primary-light;
4619
- padding: 7px 12px;
4620
- display: flex;
4621
- justify-content: space-between;
4622
- align-items: center;
4623
-
4624
- &.has-arrow {
4625
- padding-left: 10px;
4626
-
4627
- .title-wrapper {
4628
- cursor: pointer;
4629
- color: $text-light-primary;
4630
-
4631
- &.is-open {
4632
- color: $text-primary-light;
4633
- font-weight: 600;
4634
-
4635
- .collapse-arrow {
4636
- transform: rotate(90deg);
4637
- }
4638
- }
4639
- }
4640
- }
4641
-
4642
- .sub-info {
4643
- font-size: 12px;
4644
- line-height: 18px;
4645
- }
4646
-
4647
- .title-wrapper {
4648
- display: flex;
4649
- align-items: center;
4650
- user-select: none;
4651
- flex-grow: 1;
4652
- font-size: 12px;
4653
- line-height: 18px;
4654
- color: $text-primary-light;
4655
- font-weight: 700;
4656
- }
4657
-
4658
- .collapse-arrow {
4659
- transition: all 50ms ease-out 0ms;
4660
- margin-right: 2px;
4661
- }
4662
- }
4663
-
4664
-
4665
4646
  .E_b14q2gmw {
4666
4647
  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14),
4667
4648
  0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447),
@@ -4689,6 +4670,14 @@
4689
4670
  }
4690
4671
 
4691
4672
 
4673
+ .E_ckui4s7 {
4674
+ color: $text-primary-light;
4675
+ line-height: 22px;
4676
+ display: inline-flex;
4677
+ .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; } } }
4678
+ }
4679
+
4680
+
4692
4681
  .E_lht19u8 {
4693
4682
  width: 64px;
4694
4683
  height: 64px;
@@ -4745,271 +4734,59 @@
4745
4734
  }
4746
4735
 
4747
4736
 
4748
- .E_sjob3jg {
4749
- $item: ant-steps-item;
4750
- --item-min-width: 60px;
4751
- .#{$item} {
4752
- &-tail,
4753
- &-icon {
4754
- display: none !important;
4755
- }
4756
- }
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;
4737
+ .E_w7ob4th {
4738
+ &.outside-tag {
4739
+ padding-left: 0;
4740
+ .inside-tag {
4741
+ border-radius: 4px 0 0 4px;
4742
+ padding-right: 4px;
4743
+ margin-right: 4px;
4765
4744
  }
4766
4745
  }
4767
- .#{$item}.#{$item}-finish {
4768
- .#{$item}-container .#{$item}-content .#{$item}-title,
4769
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4770
- color: $text-neutral-tertiary;
4746
+ }
4747
+
4748
+
4749
+ .E_t1tbywr9 {
4750
+ width: 100%;
4751
+ flex: 1;
4752
+ display: flex;
4753
+ flex-direction: column;
4754
+
4755
+ &.medium {
4756
+ .tab-bar {
4757
+ height: 32px;
4758
+
4759
+ .common-tab-bar {
4760
+ height: 32px;
4761
+
4762
+ .tab-item-title {
4763
+ height: 32px;
4764
+ border-top-left-radius: 6px;
4765
+ border-top-right-radius: 6px;
4766
+ padding-right: 16px;
4767
+ padding-left: 16px;
4768
+ font-size: 16px;
4769
+ }
4770
+ }
4771
4771
  }
4772
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
- }
4787
-
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
- }
4828
- }
4829
- }
4830
- &:first-child {
4831
- .#{$item}-container {
4832
- padding-left: 8px;
4833
- padding-right: 4px;
4834
- border-radius: 4px 0 0 4px;
4835
- }
4836
- }
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
- }
4844
- }
4845
- &:not(&:last-child) {
4846
- &::after {
4847
- @include rightTriangle();
4848
- z-index: 2;
4849
- position: relative;
4850
- top: -50%;
4851
- right: -100%;
4852
- }
4853
- }
4854
- &:not(:first-child):not(:last-child) {
4855
- .#{$item}-container {
4856
- padding: 0 4px 0 12px;
4857
- }
4858
- }
4859
- &:not(&:first-child) {
4860
- &::before {
4861
- @include rightTriangle(#fff);
4862
- left: 0;
4863
- }
4864
- }
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
- }
4773
+
4774
+ &.small {
4775
+ .tab-bar {
4776
+ height: 24px;
4777
+
4778
+ .common-tab-bar {
4779
+ height: 24px;
4780
+
4781
+ .tab-item-title {
4782
+ height: 24px;
4783
+ border-top-left-radius: 4px;
4784
+ border-top-right-radius: 4px;
4785
+ padding-right: 12px;
4786
+ padding-left: 12px;
4787
+ font-size: 14px;
4788
+ }
4789
+ }
5013
4790
  }
5014
4791
  }
5015
4792
 
@@ -5170,33 +4947,6 @@
5170
4947
  }
5171
4948
 
5172
4949
 
5173
- .E_r77hffu {
5174
- display: flex;
5175
- align-items: center;
5176
- justify-content: space-between;
5177
- column-gap: 6px;
5178
- }
5179
-
5180
- .E_p1cmxsf7 {
5181
- display: flex;
5182
- flex-direction: column;
5183
- justify-content: center;
5184
- row-gap: var(--p1cmxsf7-0);
5185
-
5186
- .antd5-progress-line {
5187
- font-size: 0;
5188
- margin-bottom: unset;
5189
- margin-inline-end: unset;
5190
- }
5191
- }
5192
-
5193
-
5194
- .E_i1g85yz3 {
5195
- margin-right: 4px;
5196
- height: 16px;
5197
- }
5198
-
5199
-
5200
4950
  .E_slr2ynn {
5201
4951
  padding: 0 8px;
5202
4952
  height: 18px;
@@ -5229,19 +4979,272 @@
5229
4979
  }
5230
4980
 
5231
4981
 
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
-
4982
+ .E_t13ef470 {
4983
+ height: 100%;
4984
+ .table-loading-item {
4985
+ padding: 12px 4px;
4986
+ border-bottom: 1px solid rgba($gray-50, 0.18);
4987
+ display: flex;
5243
4988
 
5244
- .E_t1dtlqs1 {
4989
+ > * {
4990
+ height: 16px;
4991
+ margin: 4px;
4992
+ background: rgba($gray-50, 0.18);
4993
+ border-radius: 2px;
4994
+ }
4995
+ .checkbox-loading {
4996
+ width: 16px;
4997
+ }
4998
+ .td-loading {
4999
+ flex: 1;
5000
+ }
5001
+ }
5002
+
5003
+ :nth-child(1) {
5004
+ padding: 8px 4px;
5005
+ > * {
5006
+ background: rgba($gray-70, 0.18);
5007
+ }
5008
+ }
5009
+ :nth-child(1) {
5010
+ > * {
5011
+ background: rgba($gray-60, 0.18);
5012
+ }
5013
+ }
5014
+ }
5015
+
5016
+
5017
+ .E_i1g85yz3 {
5018
+ margin-right: 4px;
5019
+ height: 16px;
5020
+ }
5021
+
5022
+
5023
+ .E_sjob3jg {
5024
+ $item: ant-steps-item;
5025
+ --item-min-width: 60px;
5026
+ .#{$item} {
5027
+ &-tail,
5028
+ &-icon {
5029
+ display: none !important;
5030
+ }
5031
+ }
5032
+ .#{$item}.#{$item}-active {
5033
+ flex-shrink: 0 !important;
5034
+ .step-item-prefix-container {
5035
+ color: $text-colorful-outstanding;
5036
+ }
5037
+ .#{$item}-container .#{$item}-content .#{$item}-title {
5038
+ color: $text-colorful-outstanding;
5039
+ font-weight: normal;
5040
+ }
5041
+ }
5042
+ .#{$item}.#{$item}-finish {
5043
+ .#{$item}-container .#{$item}-content .#{$item}-title,
5044
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
5045
+ color: $text-neutral-tertiary;
5046
+ }
5047
+ }
5048
+ .#{$item}.#{$item}-wait {
5049
+ .#{$item}-container .#{$item}-content .#{$item}-title {
5050
+ color: $text-neutral-primary;
5051
+ }
5052
+ }
5053
+ .step-item-text {
5054
+ display: inline-block;
5055
+ }
5056
+ .step-item-title {
5057
+ overflow: hidden;
5058
+ white-space: nowrap;
5059
+ text-overflow: ellipsis;
5060
+ }
5061
+ }
5062
+
5063
+ .E_hjvj6s6 {
5064
+ $item: ant-steps-item;
5065
+ @mixin rightTriangle($color: $fills-light-trans-1) {
5066
+ content: "";
5067
+ width: 0;
5068
+ height: 0;
5069
+ border: 13px solid transparent;
5070
+ position: absolute;
5071
+ top: 0;
5072
+ border-left: 8px solid $color;
5073
+ }
5074
+ .#{$item}-container {
5075
+ min-width: var(--item-min-width);
5076
+ }
5077
+ .#{$item}-disabled {
5078
+ cursor: not-allowed !important;
5079
+ }
5080
+ .ant-steps-horizontal.ant-steps-label-horizontal {
5081
+ flex-direction: row;
5082
+ justify-content: stretch;
5083
+ .#{$item} {
5084
+ padding: 0;
5085
+ margin-right: 4px;
5086
+ flex: 1;
5087
+ overflow: visible;
5088
+ .#{$item}-content {
5089
+ width: 100%;
5090
+ min-height: unset;
5091
+ .#{$item}-title {
5092
+ height: 26px;
5093
+ line-height: 26px;
5094
+ width: 100%;
5095
+ padding: 0;
5096
+ font-size: 12px;
5097
+ .step-count {
5098
+ margin-right: 10px;
5099
+ }
5100
+ &::after {
5101
+ display: none;
5102
+ }
5103
+ }
5104
+ }
5105
+ &:first-child {
5106
+ .#{$item}-container {
5107
+ padding-left: 8px;
5108
+ padding-right: 4px;
5109
+ border-radius: 4px 0 0 4px;
5110
+ }
5111
+ }
5112
+ &:last-child {
5113
+ margin-right: 0;
5114
+ .#{$item}-container {
5115
+ padding-right: 8px;
5116
+ padding-left: 12px;
5117
+ border-radius: 0 4px 4px 0;
5118
+ }
5119
+ }
5120
+ &:not(&:last-child) {
5121
+ &::after {
5122
+ @include rightTriangle();
5123
+ z-index: 2;
5124
+ position: relative;
5125
+ top: -50%;
5126
+ right: -100%;
5127
+ }
5128
+ }
5129
+ &:not(:first-child):not(:last-child) {
5130
+ .#{$item}-container {
5131
+ padding: 0 4px 0 12px;
5132
+ }
5133
+ }
5134
+ &:not(&:first-child) {
5135
+ &::before {
5136
+ @include rightTriangle(#fff);
5137
+ left: 0;
5138
+ }
5139
+ }
5140
+ }
5141
+ .#{$item}-active {
5142
+ max-width: calc(100% - var(--item-min-width) * 2);
5143
+ .#{$item}-container {
5144
+ background-color: $fills-light-general-general-light;
5145
+ }
5146
+ &::after {
5147
+ border-left-color: $fills-light-general-general-light !important;
5148
+ }
5149
+ }
5150
+ .#{$item}-finish {
5151
+ cursor: pointer;
5152
+ min-width: var(--item-min-width);
5153
+ }
5154
+ .#{$item}-wait,
5155
+ .#{$item}-finish {
5156
+ min-width: var(--item-min-width);
5157
+ .#{$item}-container {
5158
+ background-color: $fills-light-trans-1;
5159
+ }
5160
+ }
5161
+ }
5162
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
5163
+ .ant-steps-vertical
5164
+ )
5165
+ .#{$item} {
5166
+ padding: 0;
5167
+ }
5168
+ }
5169
+
5170
+ .E_v4tv3mf {
5171
+ $item: ant-steps-item;
5172
+ .ant-steps.ant-steps-vertical {
5173
+ width: 192px;
5174
+ row-gap: 2px;
5175
+
5176
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
5177
+ &:hover {
5178
+ background-color: $fill-neutral-trans-2;
5179
+ }
5180
+ .#{$item}-title {
5181
+ color: $text-neutral-primary !important;
5182
+ }
5183
+ }
5184
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
5185
+ .#{$item}-container:hover {
5186
+ background-color: $fill-neutral-trans-2;
5187
+ }
5188
+ .#{$item}-container {
5189
+ padding: 0 8px;
5190
+ border-radius: 4px;
5191
+ height: 32px;
5192
+ display: flex;
5193
+ align-items: center;
5194
+ .#{$item}-content {
5195
+ min-height: auto;
5196
+ white-space: nowrap;
5197
+ & .ant-steps-item-title {
5198
+ font-size: 13px;
5199
+ line-height: 20px;
5200
+ max-width: 100%;
5201
+ padding-right: 0;
5202
+ }
5203
+ }
5204
+ }
5205
+ .#{$item}-active {
5206
+ .ant-steps-item-container {
5207
+ background: rgba($blue-60, 0.1);
5208
+ }
5209
+ }
5210
+ }
5211
+ }
5212
+
5213
+ .E_h6l1tj4 {
5214
+ width: 100%;
5215
+ display: inline-flex;
5216
+ align-items: center;
5217
+ justify-content: center;
5218
+ column-gap: 4px;
5219
+ .step-item-prefix-container {
5220
+ display: inline-flex;
5221
+ align-items: center;
5222
+ width: 18px;
5223
+ height: 18px;
5224
+ color: $gray-a75-8;
5225
+ justify-content: center;
5226
+ }
5227
+ }
5228
+
5229
+ .E_v18frne8 {
5230
+ width: 100%;
5231
+ display: flex;
5232
+ align-items: center;
5233
+ justify-content: center;
5234
+ column-gap: 6px;
5235
+ font-size: 13px;
5236
+ .step-item-prefix-container {
5237
+ display: inline-flex;
5238
+ align-items: center;
5239
+ min-width: 20px;
5240
+ min-height: 20px;
5241
+ color: $gray-a75-8;
5242
+ justify-content: center;
5243
+ }
5244
+ }
5245
+
5246
+
5247
+ .E_t1dtlqs1 {
5245
5248
  margin-bottom: 4px;
5246
5249
  color: $text-secondary-light;
5247
5250
  }
@@ -5406,6 +5409,22 @@
5406
5409
  border-radius: 5px;
5407
5410
  font-size: 12px;
5408
5411
  }
5412
+ .ant-input-group-compact {
5413
+ .ant-input,
5414
+ .ant-select-selector {
5415
+ border-radius: 0;
5416
+ }
5417
+ > :first-child,
5418
+ > :first-child .ant-select-selector {
5419
+ border-top-left-radius: 5px;
5420
+ border-bottom-left-radius: 5px;
5421
+ }
5422
+ > :last-child,
5423
+ > :last-child .ant-select-selector {
5424
+ border-top-right-radius: 5px;
5425
+ border-bottom-right-radius: 5px;
5426
+ }
5427
+ }
5409
5428
  .ant-input-affix-wrapper {
5410
5429
  font-size: inherit;
5411
5430
  }
@@ -5458,41 +5477,6 @@
5458
5477
  }
5459
5478
 
5460
5479
 
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
- }
5493
- }
5494
-
5495
-
5496
5480
  .E_m11nzl2x {
5497
5481
  color: $text-light-secondary;
5498
5482
  text-align: center;
@@ -6000,6 +5984,80 @@
6000
5984
  }
6001
5985
 
6002
5986
 
5987
+ .E_s20iney {
5988
+ &.skeleton-box {
5989
+ display: flex;
5990
+ align-items: center;
5991
+ justify-content: center;
5992
+ position: relative;
5993
+ border-radius: 2px;
5994
+ background: #E1E6F199;
5995
+ overflow: hidden;
5996
+
5997
+ & > .skeleton-shimmer {
5998
+ width: 200%;
5999
+ height: 200%;
6000
+ transform: rotate(15deg);
6001
+ position: absolute;
6002
+ top: -50%;
6003
+ flex-shrink: 0;
6004
+ opacity: 0.8;
6005
+ background: linear-gradient(
6006
+ 90deg,
6007
+ rgba(255, 255, 255, 0) 15%,
6008
+ #FFFFFF99 50%,
6009
+ rgba(255, 255, 255, 0) 85%
6010
+ );
6011
+
6012
+ animation: shimmer 1100ms infinite;
6013
+ }
6014
+
6015
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
6016
+ }
6017
+ }
6018
+
6019
+
6020
+ .E_sqv6dmy {
6021
+ display: flex;
6022
+ justify-content: flex-end;
6023
+ }
6024
+
6025
+ .E_p1rm8wzb {
6026
+ margin-right: 8px;
6027
+ }
6028
+
6029
+ .E_sd7qcf4 {
6030
+ height: 100%;
6031
+ width: 100%;
6032
+ overflow: auto;
6033
+ }
6034
+
6035
+ .E_r1fxc9gq {
6036
+ &.right {
6037
+ overflow: auto;
6038
+ padding-right: 2px;
6039
+ width: calc(192px + 6px + 2px);
6040
+ height: fit-content;
6041
+ max-height: calc(
6042
+ 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
6043
+ --modal-body-padding-bottom
6044
+ ) - var(--modal-footer-height)
6045
+ );
6046
+ scrollbar-gutter: stable;
6047
+ &::-webkit-scrollbar {
6048
+ width: 6px;
6049
+ }
6050
+ &::-webkit-scrollbar-track {
6051
+ background: #E1E6F199;
6052
+ }
6053
+ &::-webkit-scrollbar-thumb {
6054
+ background: #ACBAD399;
6055
+ border-radius: 8px;
6056
+ }
6057
+ }
6058
+ }
6059
+
6060
+
6003
6061
  .E_icab5o7 {
6004
6062
  --modal-to-viewport-margin: 10px;
6005
6063
  --modal-body-padding-bottom: 40px;
@@ -6224,47 +6282,6 @@
6224
6282
  }
6225
6283
 
6226
6284
 
6227
- .E_sqv6dmy {
6228
- display: flex;
6229
- justify-content: flex-end;
6230
- }
6231
-
6232
- .E_p1rm8wzb {
6233
- margin-right: 8px;
6234
- }
6235
-
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
- }
6264
- }
6265
- }
6266
-
6267
-
6268
6285
  .E_dxyv8bv {
6269
6286
  --footer-height: 80px;
6270
6287
  --modal-content-width: 492px;
@@ -6420,39 +6437,6 @@
6420
6437
  }
6421
6438
 
6422
6439
 
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;
6432
-
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
- );
6447
-
6448
- animation: shimmer 1100ms infinite;
6449
- }
6450
-
6451
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
6452
- }
6453
- }
6454
-
6455
-
6456
6440
  .E_t1g36k2w {
6457
6441
  overflow: hidden;
6458
6442
  height: 100%;
@@ -6485,6 +6469,72 @@
6485
6469
  }
6486
6470
 
6487
6471
 
6472
+ .E_s1n7hav7 {
6473
+ .ant-input-prefix {
6474
+ margin-right: 8px;
6475
+ }
6476
+ .ant-input-suffix {
6477
+ margin-left: 8px;
6478
+ }
6479
+ }
6480
+
6481
+ .E_c1tgpyn0 {
6482
+ color: $gray-120;
6483
+ border-right: 1px solid $gray-a60-5;
6484
+ margin-right: 8px;
6485
+ padding-right: 8px;
6486
+ }
6487
+
6488
+ .E_i1cmbu8m {
6489
+ display: flex;
6490
+ gap: 4px;
6491
+
6492
+ .icon-wrapper {
6493
+ cursor: pointer;
6494
+ }
6495
+ }
6496
+
6497
+ .E_dxmfsc9 {
6498
+ &.icon-wrapper {
6499
+ cursor: not-allowed;
6500
+ }
6501
+ }
6502
+
6503
+ .E_slbf45q {
6504
+ &.ant-dropdown > .ant-dropdown-menu {
6505
+ padding: 6px;
6506
+ border-radius: 8px;
6507
+
6508
+ .ant-dropdown-menu-item {
6509
+ color: #00122E;
6510
+ font-size: 13px;
6511
+ line-height: 20px;
6512
+
6513
+ &.recent-search-menu-item {
6514
+ color: #2C3852BF;
6515
+ font-size: 12px;
6516
+ line-height: 18px;
6517
+ pointer-events: none;
6518
+ margin-bottom: 3px;
6519
+ }
6520
+
6521
+ .ant-dropdown-menu-title-content {
6522
+ width: 100%;
6523
+
6524
+ .icon-wrapper .icon-children {
6525
+ overflow: hidden;
6526
+ }
6527
+ }
6528
+ }
6529
+ }
6530
+ }
6531
+
6532
+
6533
+ .E_t1616y1o {
6534
+ color: $text-light-on-tint;
6535
+ }
6536
+
6537
+
6488
6538
  .E_t1gvlxt5 {
6489
6539
  min-width: 0;
6490
6540
  flex: 1;
@@ -6509,11 +6559,6 @@
6509
6559
  }
6510
6560
 
6511
6561
 
6512
- .E_t1616y1o {
6513
- color: $text-light-on-tint;
6514
- }
6515
-
6516
-
6517
6562
  .E_f16blduf {
6518
6563
  &.ant-form-item {
6519
6564
  margin-bottom: 0;
@@ -6606,132 +6651,13 @@
6606
6651
  box-sizing: border-box;
6607
6652
  border-radius: 2px;
6608
6653
  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
-
6619
- .E_clm1wy1 {
6620
- width: 192px;
6621
- height: 246px;
6622
- border-radius: 4px;
6623
-
6624
- > .ant-picker-calendar,
6625
- > .ant-picker-calendar .ant-picker-panel {
6626
- width: 100%;
6627
- background-color: rgba(245, 247, 250, 0.6);
6628
- border-top: none;
6629
-
6630
- .ant-picker-body {
6631
- padding: 0 16px;
6632
- }
6633
-
6634
- .ant-picker-content {
6635
- width: 100%;
6636
- height: 180px;
6637
- border-spacing: 0;
6638
-
6639
- thead {
6640
- margin-bottom: 8px;
6641
- }
6642
- th {
6643
- width: 22px;
6644
- }
6645
- td {
6646
- padding: 0;
6647
- }
6648
- }
6649
- }
6650
-
6651
- .ant-picker-cell {
6652
- color: rgba(62, 70, 82, 0.6);
6653
- opacity: 0.4;
6654
- }
6655
- .ant-picker-cell-in-view {
6656
- color: rgba(62, 70, 82, 0.6);
6657
- opacity: 1;
6658
- }
6659
- .ant-picker-cell-in-view > .active {
6660
- color: #3e4652;
6661
- }
6662
-
6663
- .ant-picker-cell::before {
6664
- pointer-events: none;
6665
- }
6666
- }
6667
-
6668
- .E_t1tsm00v {
6669
- color: rgba(129, 138, 153, 0.6);
6670
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6671
- backdrop-filter: blur(10px);
6672
- padding: 7px 10px;
6673
- }
6674
-
6675
- .E_c167wnad {
6676
- color: rgba(62, 70, 82, 0.6);
6677
- display: flex;
6678
- justify-content: space-between;
6679
- align-items: center;
6680
- padding: 8px 16px;
6681
-
6682
- .anticon {
6683
- cursor: pointer;
6684
- &:hover {
6685
- color: $blue;
6686
- }
6687
- }
6688
- }
6689
-
6690
- .E_cxhf7dh {
6691
- text-align: center;
6692
-
6693
- .dots {
6694
- display: flex;
6695
- justify-content: center;
6696
- }
6697
- .dot {
6698
- display: inline-block;
6699
- width: 2px;
6700
- height: 2px;
6701
- border-radius: 1px;
6702
- background: $blue;
6703
-
6704
- &:not(:last-child) {
6705
- margin-right: 2px;
6706
- }
6707
- }
6708
- .bar {
6709
- width: 9px;
6710
- height: 2px;
6711
- background: $blue;
6712
- border-radius: 2px;
6713
- }
6714
- }
6715
-
6716
-
6717
- .E_n12mqh7z {
6718
- display: flex;
6719
- align-items: center;
6720
- font-size: 12px;
6721
- line-height: 18px;
6722
-
6723
- &:not(:last-child) {
6724
- margin-bottom: 4px;
6725
- }
6726
- }
6727
-
6728
- .E_tf5bynu {
6729
- margin: 0 3px;
6730
- }
6654
+ display: flex;
6655
+ width: 100%;
6656
+ overflow: hidden;
6731
6657
 
6732
- .E_tcckoz1 {
6733
- max-height: 400px;
6734
- overflow: auto;
6658
+ .stack-bar-item + .stack-bar-item {
6659
+ margin-left: 1px;
6660
+ }
6735
6661
  }
6736
6662
 
6737
6663
 
@@ -6808,19 +6734,6 @@
6808
6734
  }
6809
6735
 
6810
6736
 
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;
6820
- }
6821
- }
6822
-
6823
-
6824
6737
  .E_c18bcrac {
6825
6738
  display: inline-block;
6826
6739
  width: 100%;
@@ -6876,42 +6789,114 @@
6876
6789
  }
6877
6790
 
6878
6791
 
6879
- .E_tqjc4ui {
6880
- @at-root {
6881
- span#{&} {
6882
- margin: 0 2px;
6883
- }
6792
+ .E_gmyahx3 {
6793
+ cursor: pointer;
6794
+
6795
+ .link-text {
6796
+ color: $text-light-tertiary;
6797
+ }
6798
+
6799
+ &:hover .link-text {
6800
+ color: $text-light-general;
6884
6801
  }
6885
6802
  }
6886
6803
 
6887
6804
 
6888
- .E_ou7iq30 {
6889
- overflow: hidden;
6890
- text-overflow: ellipsis;
6805
+ .E_clm1wy1 {
6806
+ width: 192px;
6807
+ height: 246px;
6808
+ border-radius: 4px;
6809
+
6810
+ > .ant-picker-calendar,
6811
+ > .ant-picker-calendar .ant-picker-panel {
6812
+ width: 100%;
6813
+ background-color: rgba(245, 247, 250, 0.6);
6814
+ border-top: none;
6815
+
6816
+ .ant-picker-body {
6817
+ padding: 0 16px;
6818
+ }
6819
+
6820
+ .ant-picker-content {
6821
+ width: 100%;
6822
+ height: 180px;
6823
+ border-spacing: 0;
6824
+
6825
+ thead {
6826
+ margin-bottom: 8px;
6827
+ }
6828
+ th {
6829
+ width: 22px;
6830
+ }
6831
+ td {
6832
+ padding: 0;
6833
+ }
6834
+ }
6835
+ }
6836
+
6837
+ .ant-picker-cell {
6838
+ color: rgba(62, 70, 82, 0.6);
6839
+ opacity: 0.4;
6840
+ }
6841
+ .ant-picker-cell-in-view {
6842
+ color: rgba(62, 70, 82, 0.6);
6843
+ opacity: 1;
6844
+ }
6845
+ .ant-picker-cell-in-view > .active {
6846
+ color: #3e4652;
6847
+ }
6848
+
6849
+ .ant-picker-cell::before {
6850
+ pointer-events: none;
6851
+ }
6891
6852
  }
6892
6853
 
6893
- .E_s1tui002 {
6894
- white-space: nowrap;
6854
+ .E_t1tsm00v {
6855
+ color: rgba(129, 138, 153, 0.6);
6856
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6857
+ backdrop-filter: blur(10px);
6858
+ padding: 7px 10px;
6895
6859
  }
6896
6860
 
6897
- .E_mxrc2zg {
6898
- display: -webkit-box;
6899
- -webkit-line-clamp: var(--mxrc2zg-0);
6900
- -webkit-box-orient: vertical;
6901
- word-break: break-all;
6861
+ .E_c167wnad {
6862
+ color: rgba(62, 70, 82, 0.6);
6863
+ display: flex;
6864
+ justify-content: space-between;
6865
+ align-items: center;
6866
+ padding: 8px 16px;
6867
+
6868
+ .anticon {
6869
+ cursor: pointer;
6870
+ &:hover {
6871
+ color: $blue;
6872
+ }
6873
+ }
6902
6874
  }
6903
6875
 
6904
- .E_t1vv6d68 {
6905
- .ant-tooltip-arrow {
6906
- display: none;
6876
+ .E_cxhf7dh {
6877
+ text-align: center;
6878
+
6879
+ .dots {
6880
+ display: flex;
6881
+ justify-content: center;
6907
6882
  }
6908
- .ant-tooltip-inner {
6909
- background: $gray-a80-9;
6910
- border-radius: 4px;
6911
- &:has(.eagle-ellipsis-content) {
6912
- visibility: hidden;
6883
+ .dot {
6884
+ display: inline-block;
6885
+ width: 2px;
6886
+ height: 2px;
6887
+ border-radius: 1px;
6888
+ background: $blue;
6889
+
6890
+ &:not(:last-child) {
6891
+ margin-right: 2px;
6913
6892
  }
6914
6893
  }
6894
+ .bar {
6895
+ width: 9px;
6896
+ height: 2px;
6897
+ background: $blue;
6898
+ border-radius: 2px;
6899
+ }
6915
6900
  }
6916
6901
 
6917
6902
 
@@ -7067,173 +7052,45 @@
7067
7052
  }
7068
7053
  .month-day-option {
7069
7054
  width: 32px;
7070
- padding: 0;
7071
- margin-bottom: 8px;
7072
-
7073
- &.active {
7074
- background-color: $blue;
7075
- border-color: $blue;
7076
- color: $white;
7077
- }
7078
- }
7079
- }
7080
-
7081
-
7082
- .E_u15heuvq {
7083
- &.content {
7084
- cursor: default !important;
7085
- &.link {
7086
- cursor: pointer !important;
7087
- &:hover {
7088
- color: $text-colorful-outstanding;
7089
- }
7090
- }
7091
- &.black {
7092
- color: $text-neutral-primary;
7093
- }
7094
- &.gray {
7095
- color: $text-neutral-secondary;
7096
- }
7097
- }
7098
- }
7099
-
7100
-
7101
- .E_s1at6qmn {
7102
- &.ant-layout-sider {
7103
- background: $backgrounds-light-grouped;
7104
- padding: 32px 8px;
7105
- overflow: auto;
7106
- }
7107
-
7108
- .ant-layout-sider-children {
7109
- display: flex;
7110
- flex-direction: column;
7111
- justify-content: space-between;
7112
- }
7113
-
7114
- footer {
7115
- display: flex;
7116
- }
7117
-
7118
- .ant-menu {
7119
- background: $backgrounds-light-grouped;
7120
- a {
7121
- color: $text-light-primary;
7122
- width: 180px;
7123
- overflow: hidden;
7124
- text-overflow: ellipsis;
7125
- }
7126
- }
7127
-
7128
- .ant-menu-vertical {
7129
- margin-bottom: 24px;
7130
-
7131
- .ant-menu-item-group {
7132
- .ant-menu-item {
7133
- margin: 0;
7134
- }
7135
- .ant-menu-item-group-title {
7136
- font-size: 12px;
7137
- padding: 0 8px 4px;
7138
- line-height: 18px;
7139
-
7140
- &:empty {
7141
- padding: 0;
7142
- }
7143
- }
7144
- &:not(:last-child) {
7145
- padding-bottom: 24px;
7146
- &.split {
7147
- margin-bottom: 24px;
7148
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7149
- }
7150
- }
7151
- }
7152
-
7153
- .ant-menu-item {
7154
- transition: none;
7155
- display: flex;
7156
- align-items: center;
7157
- height: 32px;
7158
- line-height: 22px;
7159
- padding: 0 8px;
7160
-
7161
- > .icon-wrapper {
7162
- margin-right: 12px;
7163
- }
7164
-
7165
- &:not(:last-child) {
7166
- margin: 0;
7167
- margin-bottom: 2px;
7168
- }
7169
- &.ant-menu-item-selected {
7170
- background: $background-selected;
7171
- box-shadow: $box-shadow-light-selected;
7172
- border-radius: 6px;
7173
- color: $text-light-on-tint;
7174
- a {
7175
- color: $text-light-on-tint;
7176
- }
7177
- }
7178
- &:not(.ant-menu-item-selected) {
7179
- &.ant-menu-item:hover,
7180
- &.ant-menu-item-active {
7181
- background: $background-onhover;
7182
- box-shadow: $box-shadow-light-onhover;
7183
- border-radius: 6px;
7184
- }
7185
- }
7055
+ padding: 0;
7056
+ margin-bottom: 8px;
7057
+
7058
+ &.active {
7059
+ background-color: $blue;
7060
+ border-color: $blue;
7061
+ color: $white;
7186
7062
  }
7187
7063
  }
7188
7064
  }
7189
7065
 
7190
- .E_s1wu0lms {
7191
- .ant-menu-item-group-title {
7192
- white-space: nowrap;
7193
- transition: all 0s;
7194
- }
7195
-
7196
- &.shrink {
7197
- transition: all 0s;
7198
- overflow: hidden;
7199
-
7200
- .ant-menu-item-group-title {
7201
- visibility: hidden;
7202
- }
7203
7066
 
7204
- .ant-menu-item {
7205
- width: 36px;
7206
- padding: 0 6px;
7067
+ .E_tqjc4ui {
7068
+ @at-root {
7069
+ span#{&} {
7070
+ margin: 0 2px;
7207
7071
  }
7208
7072
  }
7209
7073
  }
7210
7074
 
7211
- .E_n1ugzfva {
7212
- display: flex;
7213
- place-items: center;
7214
- width: 100% !important;
7215
7075
 
7216
- &[disabled] {
7217
- color: rgba(0, 0, 0, 0.25) !important;
7218
- opacity: 1 !important;
7219
- }
7076
+ .E_n12mqh7z {
7077
+ display: flex;
7078
+ align-items: center;
7079
+ font-size: 12px;
7080
+ line-height: 18px;
7220
7081
 
7221
- &.ant-btn {
7222
- width: 100%;
7223
- color: $text-light-primary;
7082
+ &:not(:last-child) {
7083
+ margin-bottom: 4px;
7224
7084
  }
7085
+ }
7225
7086
 
7226
- .icon-wrapper {
7227
- margin-right: 12px;
7228
- }
7087
+ .E_tf5bynu {
7088
+ margin: 0 3px;
7089
+ }
7229
7090
 
7230
- .link-title {
7231
- flex: 1;
7232
- overflow: hidden;
7233
- white-space: nowrap;
7234
- text-overflow: ellipsis;
7235
- text-align: left;
7236
- }
7091
+ .E_tcckoz1 {
7092
+ max-height: 400px;
7093
+ overflow: auto;
7237
7094
  }
7238
7095
 
7239
7096
 
@@ -7349,14 +7206,32 @@
7349
7206
  }
7350
7207
 
7351
7208
 
7352
- .E_s1iv0tp1 {
7353
- .enabled-switch {
7354
- display: flex;
7355
- align-items: center;
7356
- }
7209
+ .E_ou7iq30 {
7210
+ overflow: hidden;
7211
+ text-overflow: ellipsis;
7212
+ }
7357
7213
 
7358
- .enabled-text {
7359
- margin-right: 8px;
7214
+ .E_s1tui002 {
7215
+ white-space: nowrap;
7216
+ }
7217
+
7218
+ .E_mxrc2zg {
7219
+ display: -webkit-box;
7220
+ -webkit-line-clamp: var(--mxrc2zg-0);
7221
+ -webkit-box-orient: vertical;
7222
+ word-break: break-all;
7223
+ }
7224
+
7225
+ .E_t1vv6d68 {
7226
+ .ant-tooltip-arrow {
7227
+ display: none;
7228
+ }
7229
+ .ant-tooltip-inner {
7230
+ background: $gray-a80-9;
7231
+ border-radius: 4px;
7232
+ &:has(.eagle-ellipsis-content) {
7233
+ visibility: hidden;
7234
+ }
7360
7235
  }
7361
7236
  }
7362
7237
 
@@ -7506,152 +7381,407 @@
7506
7381
  }
7507
7382
  }
7508
7383
 
7509
- &.tab-menu-item-selected {
7510
- color: $blue-60;
7384
+ &.tab-menu-item-selected {
7385
+ color: $blue-60;
7386
+
7387
+ .main-title {
7388
+ padding: 1px 12px;
7389
+ display: inline-block;
7390
+ opacity: 1;
7391
+ max-width: 160px;
7392
+ }
7393
+
7394
+ .sub-title {
7395
+ padding: 1px 12px;
7396
+ color: $blue-80;
7397
+
7398
+ > .slash-arrow {
7399
+ opacity: 1;
7400
+ }
7401
+ }
7402
+
7403
+ &:hover,
7404
+ &:active {
7405
+ .sub-title {
7406
+ background: rgba($blue-60, 0.16);
7407
+ }
7408
+ .sub-title > .slash-arrow {
7409
+ opacity: 0;
7410
+ }
7411
+ }
7412
+ }
7413
+ }
7414
+
7415
+ .tab-menu-item-medium {
7416
+ &.tab-menu-item {
7417
+ padding: 4px 16px;
7418
+ height: 32px;
7419
+ border-radius: 6px 6px 0 0;
7420
+
7421
+ &:first-child {
7422
+ padding-left: 0;
7423
+ }
7424
+ &:first-child:hover,
7425
+ &.tab-menu-item-selected:first-child {
7426
+ padding-left: 16px;
7427
+ }
7428
+
7429
+ .expand-arrow {
7430
+ margin-left: 11px;
7431
+ height: 24px;
7432
+ }
7433
+ }
7434
+
7435
+ &.tab-menu-item-group {
7436
+ padding: 0;
7437
+
7438
+ .sub-title {
7439
+ padding: 4px 16px;
7440
+ }
7441
+
7442
+ &.tab-menu-item-selected .sub-title,
7443
+ &.tab-menu-item-selected .main-title {
7444
+ padding: 4px 16px;
7445
+ }
7446
+ }
7447
+ }
7448
+
7449
+ .tab-menu-item-light {
7450
+ &:hover,
7451
+ &:active {
7452
+ background: $white;
7453
+ }
7454
+
7455
+ &:active {
7456
+ color: $blue-80;
7457
+ }
7458
+
7459
+ &.tab-menu-item.tab-menu-item-selected {
7460
+ background: $white;
7461
+ color: $blue-100;
7462
+ }
7463
+
7464
+ &.tab-menu-item-group.tab-menu-item-selected {
7465
+ .main-title {
7466
+ color: rgba($gray-80, 0.6);
7467
+ }
7468
+
7469
+ .sub-title {
7470
+ color: $blue-100;
7471
+ }
7472
+
7473
+ .sub-title > .slash-arrow {
7474
+ fill: $fills-opaque-quaternary-light;
7475
+ }
7476
+
7477
+ .sub-title > .expand-arrow path {
7478
+ fill: $blue-100;
7479
+ }
7480
+ }
7481
+ }
7482
+
7483
+ .tab-content {
7484
+ flex: 1;
7485
+ display: flex;
7486
+ flex-direction: column;
7487
+ }
7488
+
7489
+ /* FIXME:(yanzhen) do this better */
7490
+ &.is-overview .tab-content {
7491
+ overflow: visible;
7492
+ }
7493
+ }
7494
+
7495
+ .E_t14npdqr {
7496
+ max-width: 240px;
7497
+ animation: none;
7498
+
7499
+ &.ant-dropdown .ant-dropdown-menu {
7500
+ border: 1px solid $blue-60;
7501
+ padding: 0;
7502
+
7503
+ .ant-dropdown-menu-item {
7504
+ margin: 0;
7505
+ height: 32px;
7506
+ line-height: 32px;
7507
+ font-size: 13px;
7508
+ padding: 0 10px;
7509
+ display: block;
7510
+ overflow: hidden;
7511
+ text-overflow: ellipsis;
7512
+ white-space: nowrap;
7513
+
7514
+ &:not(:first-child) {
7515
+ &::before {
7516
+ content: " ";
7517
+ height: 1px;
7518
+ width: calc(100% + 10px);
7519
+ background: $strokes-translucent-1-light;
7520
+ display: block;
7521
+ }
7522
+ }
7523
+
7524
+ &.ant-dropdown-menu-item-selected {
7525
+ color: $blue-60;
7526
+ background: transparent;
7527
+ }
7528
+ }
7529
+ }
7530
+ }
7531
+
7532
+
7533
+ .E_s1at6qmn {
7534
+ &.ant-layout-sider {
7535
+ background: $backgrounds-light-grouped;
7536
+ padding: 32px 8px;
7537
+ overflow: auto;
7538
+ }
7539
+
7540
+ .ant-layout-sider-children {
7541
+ display: flex;
7542
+ flex-direction: column;
7543
+ justify-content: space-between;
7544
+ }
7545
+
7546
+ footer {
7547
+ display: flex;
7548
+ }
7511
7549
 
7512
- .main-title {
7513
- padding: 1px 12px;
7514
- display: inline-block;
7515
- opacity: 1;
7516
- max-width: 160px;
7517
- }
7550
+ .ant-menu {
7551
+ background: $backgrounds-light-grouped;
7552
+ a {
7553
+ color: $text-light-primary;
7554
+ width: 180px;
7555
+ overflow: hidden;
7556
+ text-overflow: ellipsis;
7557
+ }
7558
+ }
7518
7559
 
7519
- .sub-title {
7520
- padding: 1px 12px;
7521
- color: $blue-80;
7560
+ .ant-menu-vertical {
7561
+ margin-bottom: 24px;
7522
7562
 
7523
- > .slash-arrow {
7524
- opacity: 1;
7525
- }
7563
+ .ant-menu-item-group {
7564
+ .ant-menu-item {
7565
+ margin: 0;
7526
7566
  }
7567
+ .ant-menu-item-group-title {
7568
+ font-size: 12px;
7569
+ padding: 0 8px 4px;
7570
+ line-height: 18px;
7527
7571
 
7528
- &:hover,
7529
- &:active {
7530
- .sub-title {
7531
- background: rgba($blue-60, 0.16);
7572
+ &:empty {
7573
+ padding: 0;
7532
7574
  }
7533
- .sub-title > .slash-arrow {
7534
- opacity: 0;
7575
+ }
7576
+ &:not(:last-child) {
7577
+ padding-bottom: 24px;
7578
+ &.split {
7579
+ margin-bottom: 24px;
7580
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7535
7581
  }
7536
7582
  }
7537
7583
  }
7538
- }
7539
7584
 
7540
- .tab-menu-item-medium {
7541
- &.tab-menu-item {
7542
- padding: 4px 16px;
7585
+ .ant-menu-item {
7586
+ transition: none;
7587
+ display: flex;
7588
+ align-items: center;
7543
7589
  height: 32px;
7544
- border-radius: 6px 6px 0 0;
7590
+ line-height: 22px;
7591
+ padding: 0 8px;
7545
7592
 
7546
- &:first-child {
7547
- padding-left: 0;
7548
- }
7549
- &:first-child:hover,
7550
- &.tab-menu-item-selected:first-child {
7551
- padding-left: 16px;
7593
+ > .icon-wrapper {
7594
+ margin-right: 12px;
7552
7595
  }
7553
7596
 
7554
- .expand-arrow {
7555
- margin-left: 11px;
7556
- height: 24px;
7597
+ &:not(:last-child) {
7598
+ margin: 0;
7599
+ margin-bottom: 2px;
7557
7600
  }
7558
- }
7559
-
7560
- &.tab-menu-item-group {
7561
- padding: 0;
7562
-
7563
- .sub-title {
7564
- padding: 4px 16px;
7601
+ &.ant-menu-item-selected {
7602
+ background: $background-selected;
7603
+ box-shadow: $box-shadow-light-selected;
7604
+ border-radius: 6px;
7605
+ color: $text-light-on-tint;
7606
+ a {
7607
+ color: $text-light-on-tint;
7608
+ }
7565
7609
  }
7566
-
7567
- &.tab-menu-item-selected .sub-title,
7568
- &.tab-menu-item-selected .main-title {
7569
- padding: 4px 16px;
7610
+ &:not(.ant-menu-item-selected) {
7611
+ &.ant-menu-item:hover,
7612
+ &.ant-menu-item-active {
7613
+ background: $background-onhover;
7614
+ box-shadow: $box-shadow-light-onhover;
7615
+ border-radius: 6px;
7616
+ }
7570
7617
  }
7571
7618
  }
7572
7619
  }
7620
+ }
7573
7621
 
7574
- .tab-menu-item-light {
7575
- &:hover,
7576
- &:active {
7577
- background: $white;
7578
- }
7622
+ .E_s1wu0lms {
7623
+ .ant-menu-item-group-title {
7624
+ white-space: nowrap;
7625
+ transition: all 0s;
7626
+ }
7579
7627
 
7580
- &:active {
7581
- color: $blue-80;
7628
+ &.shrink {
7629
+ transition: all 0s;
7630
+ overflow: hidden;
7631
+
7632
+ .ant-menu-item-group-title {
7633
+ visibility: hidden;
7582
7634
  }
7583
7635
 
7584
- &.tab-menu-item.tab-menu-item-selected {
7585
- background: $white;
7586
- color: $blue-100;
7636
+ .ant-menu-item {
7637
+ width: 36px;
7638
+ padding: 0 6px;
7587
7639
  }
7640
+ }
7641
+ }
7588
7642
 
7589
- &.tab-menu-item-group.tab-menu-item-selected {
7590
- .main-title {
7591
- color: rgba($gray-80, 0.6);
7592
- }
7643
+ .E_n1ugzfva {
7644
+ display: flex;
7645
+ place-items: center;
7646
+ width: 100% !important;
7593
7647
 
7594
- .sub-title {
7595
- color: $blue-100;
7596
- }
7648
+ &[disabled] {
7649
+ color: rgba(0, 0, 0, 0.25) !important;
7650
+ opacity: 1 !important;
7651
+ }
7597
7652
 
7598
- .sub-title > .slash-arrow {
7599
- fill: $fills-opaque-quaternary-light;
7600
- }
7653
+ &.ant-btn {
7654
+ width: 100%;
7655
+ color: $text-light-primary;
7656
+ }
7601
7657
 
7602
- .sub-title > .expand-arrow path {
7603
- fill: $blue-100;
7658
+ .icon-wrapper {
7659
+ margin-right: 12px;
7660
+ }
7661
+
7662
+ .link-title {
7663
+ flex: 1;
7664
+ overflow: hidden;
7665
+ white-space: nowrap;
7666
+ text-overflow: ellipsis;
7667
+ text-align: left;
7668
+ }
7669
+ }
7670
+
7671
+
7672
+ .E_s1iv0tp1 {
7673
+ .enabled-switch {
7674
+ display: flex;
7675
+ align-items: center;
7676
+ }
7677
+
7678
+ .enabled-text {
7679
+ margin-right: 8px;
7680
+ }
7681
+ }
7682
+
7683
+
7684
+ .E_u15heuvq {
7685
+ &.content {
7686
+ cursor: default !important;
7687
+ &.link {
7688
+ cursor: pointer !important;
7689
+ &:hover {
7690
+ color: $text-colorful-outstanding;
7604
7691
  }
7605
7692
  }
7693
+ &.black {
7694
+ color: $text-neutral-primary;
7695
+ }
7696
+ &.gray {
7697
+ color: $text-neutral-secondary;
7698
+ }
7606
7699
  }
7700
+ }
7607
7701
 
7608
- .tab-content {
7609
- flex: 1;
7702
+
7703
+ .E_cyms3br {
7704
+ background: #fff;
7705
+ width: 100%;
7706
+ border: none;
7707
+ border-radius: 0;
7708
+ .ant-list {
7709
+ padding: 12px;
7710
+ }
7711
+ .ant-list-item {
7712
+ padding: 4px 0;
7713
+ }
7714
+ .ant-alert {
7715
+ margin-left: 24px;
7716
+ }
7717
+ header {
7718
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7719
+ font-size: 12px;
7720
+ color: rgba(29, 50, 108, 1);
7721
+ font-weight: 700;
7722
+ padding: 6px 12px;
7610
7723
  display: flex;
7611
- flex-direction: column;
7724
+ flex-direction: row;
7725
+ align-items: center;
7726
+ justify-content: space-between;
7727
+ .switch-text {
7728
+ display: flex;
7729
+ flex-direction: row;
7730
+ align-items: center;
7731
+ justify-content: space-between;
7732
+ gap: 6px;
7733
+ font-size: 12px;
7734
+ font-weight: 400;
7735
+ color: rgba(0, 18, 46, 1);
7736
+ }
7737
+ }
7738
+ &.border {
7739
+ border-radius: 8px;
7740
+ border: 1px solid rgba(228, 233, 242, 1);
7741
+ header {
7742
+ border-bottom: none;
7743
+ background: rgba(225, 230, 241, 0.6);
7744
+ }
7612
7745
  }
7746
+ }
7613
7747
 
7614
- /* FIXME:(yanzhen) do this better */
7615
- &.is-overview .tab-content {
7616
- overflow: visible;
7748
+ .E_c157gu4z {
7749
+ .ant-list-item {
7750
+ display: flex;
7751
+ flex-direction: row;
7752
+ align-items: flex-start;
7753
+ }
7754
+ .icon-wrapper {
7755
+ align-self: flex-start;
7756
+ margin-top: 1px; /* 1px: (18-16)/2, 18 is the height of the icon, 16 is the height of the icon */
7757
+ }
7758
+ .description {
7759
+ flex: 1 1 0;
7760
+ min-width: 0;
7761
+ margin-left: 8px;
7762
+ word-break: break-word;
7763
+ overflow-wrap: break-word;
7764
+ }
7765
+ .ant-space,
7766
+ .ant-flex {
7767
+ flex-shrink: 0;
7768
+ align-self: flex-start;
7769
+ margin-top: 0px; /* 0px: (18-18)/2, 18 is the height of the tag, 18 is the line-height */
7617
7770
  }
7618
7771
  }
7619
7772
 
7620
- .E_t14npdqr {
7621
- max-width: 240px;
7622
- animation: none;
7623
-
7624
- &.ant-dropdown .ant-dropdown-menu {
7625
- border: 1px solid $blue-60;
7626
- padding: 0;
7627
-
7628
- .ant-dropdown-menu-item {
7629
- margin: 0;
7630
- height: 32px;
7631
- line-height: 32px;
7632
- font-size: 13px;
7633
- padding: 0 10px;
7634
- display: block;
7635
- overflow: hidden;
7636
- text-overflow: ellipsis;
7637
- white-space: nowrap;
7773
+ .E_eu1sysj {
7774
+ display: flex;
7775
+ flex-direction: column;
7776
+ align-items: center;
7777
+ justify-content: center;
7778
+ }
7638
7779
 
7639
- &:not(:first-child) {
7640
- &::before {
7641
- content: " ";
7642
- height: 1px;
7643
- width: calc(100% + 10px);
7644
- background: $strokes-translucent-1-light;
7645
- display: block;
7646
- }
7647
- }
7648
7780
 
7649
- &.ant-dropdown-menu-item-selected {
7650
- color: $blue-60;
7651
- background: transparent;
7652
- }
7653
- }
7654
- }
7781
+ .E_h1ol2wl7 {
7782
+ font-weight: bold;
7783
+ background-color: unset;
7784
+ padding: unset;
7655
7785
  }
7656
7786
 
7657
7787
 
@@ -7773,91 +7903,6 @@
7773
7903
  }
7774
7904
 
7775
7905
 
7776
- .E_cyms3br {
7777
- background: #fff;
7778
- width: 100%;
7779
- border: none;
7780
- border-radius: 0;
7781
- .ant-list {
7782
- padding: 12px;
7783
- }
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;
7796
- display: flex;
7797
- flex-direction: row;
7798
- align-items: center;
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);
7817
- }
7818
- }
7819
- }
7820
-
7821
- .E_c157gu4z {
7822
- .ant-list-item {
7823
- display: flex;
7824
- flex-direction: row;
7825
- align-items: flex-start;
7826
- }
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 */
7843
- }
7844
- }
7845
-
7846
- .E_eu1sysj {
7847
- display: flex;
7848
- flex-direction: column;
7849
- align-items: center;
7850
- justify-content: center;
7851
- }
7852
-
7853
-
7854
- .E_h1ol2wl7 {
7855
- font-weight: bold;
7856
- background-color: unset;
7857
- padding: unset;
7858
- }
7859
-
7860
-
7861
7906
  .E_l12xdkhl {
7862
7907
  width: 64px;
7863
7908
  height: 64px;
@@ -7876,57 +7921,6 @@
7876
7921
  }
7877
7922
 
7878
7923
 
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
-
7930
7924
  .E_c1kchka8 {
7931
7925
  height: 100%;
7932
7926
  width: 100%;
@@ -8526,16 +8520,6 @@
8526
8520
  }
8527
8521
 
8528
8522
 
8529
- .E_cevhqx7 {
8530
- color: $text-light-primary;
8531
- }
8532
-
8533
- .E_snbqlt4 {
8534
- margin-top: 8px;
8535
- color: $text-light-secondary;
8536
- }
8537
-
8538
-
8539
8523
  .E_c1ss4prm {
8540
8524
  color: $text-light-secondary;
8541
8525
  &:is(ul, ol) {
@@ -8592,3 +8576,64 @@
8592
8576
  margin: 16px 0;
8593
8577
  }
8594
8578
 
8579
+
8580
+ .E_cevhqx7 {
8581
+ color: $text-light-primary;
8582
+ }
8583
+
8584
+ .E_snbqlt4 {
8585
+ margin-top: 8px;
8586
+ color: $text-light-secondary;
8587
+ }
8588
+
8589
+
8590
+ .E_c14ouk5o {
8591
+ width: 100%;
8592
+ height: 100%;
8593
+ display: flex;
8594
+ font-size: 12px;
8595
+ line-height: 18px;
8596
+ padding: 8px 0;
8597
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
8598
+
8599
+ &:last-of-type {
8600
+ box-shadow: none;
8601
+ padding-bottom: 0;
8602
+ }
8603
+ &.collapsed {
8604
+ flex-direction: column;
8605
+
8606
+ .collapsed-content {
8607
+ display: flex;
8608
+
8609
+ > span {
8610
+ flex: 1;
8611
+ display: flex;
8612
+ justify-content: space-between;
8613
+ .ant-btn {
8614
+ height: auto;
8615
+ }
8616
+ }
8617
+ }
8618
+ .extra-content {
8619
+ margin-left: 162px;
8620
+ }
8621
+ }
8622
+
8623
+ .col-label {
8624
+ width: 216px;
8625
+ color: $text-secondary-light;
8626
+ margin-right: 12px;
8627
+ flex-shrink: 0;
8628
+ }
8629
+
8630
+ .col-content {
8631
+ color: $text-primary-light;
8632
+
8633
+ /* make btn link in info row have the same height as normal text */
8634
+ .ant-btn.ant-btn-link {
8635
+ height: auto;
8636
+ }
8637
+ }
8638
+ }
8639
+