@cloudtower/eagle 0.33.17 → 0.33.19

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 (37) hide show
  1. package/dist/cjs/core/CTModalFooterError/CTModalFooterError.style.js +5 -0
  2. package/dist/cjs/core/CTModalFooterError/index.js +46 -0
  3. package/dist/cjs/core/ConfigProvider/index.js +8 -2
  4. package/dist/cjs/coreX/DateRangePicker/Calendar.js +2 -2
  5. package/dist/cjs/coreX/DateRangePicker/utils.js +5 -0
  6. package/dist/cjs/hooks/useCTErrorMsg.js +25 -0
  7. package/dist/cjs/index.js +117 -114
  8. package/dist/cjs/stats1.html +1 -1
  9. package/dist/cjs/utils/cterror.js +62 -0
  10. package/dist/components.css +1974 -1966
  11. package/dist/esm/core/CTModalFooterError/CTModalFooterError.style.js +3 -0
  12. package/dist/esm/core/CTModalFooterError/index.js +40 -0
  13. package/dist/esm/core/ConfigProvider/index.js +9 -4
  14. package/dist/esm/coreX/DateRangePicker/Calendar.js +2 -2
  15. package/dist/esm/coreX/DateRangePicker/utils.js +3 -0
  16. package/dist/esm/hooks/useCTErrorMsg.js +23 -0
  17. package/dist/esm/index.js +2 -1
  18. package/dist/esm/stats1.html +1 -1
  19. package/dist/esm/utils/cterror.js +56 -0
  20. package/dist/linaria.merged.scss +2202 -2193
  21. package/dist/src/core/CTModalFooterError/CTModalFooterError.style.d.ts +1 -0
  22. package/dist/src/core/CTModalFooterError/CTModalFooterError.type.d.ts +56 -0
  23. package/dist/src/core/CTModalFooterError/index.d.ts +3 -0
  24. package/dist/src/core/ConfigProvider/index.d.ts +6 -1
  25. package/dist/src/core/index.d.ts +1 -0
  26. package/dist/src/coreX/DateRangePicker/__tests__/utils.test.d.ts +1 -0
  27. package/dist/src/coreX/DateRangePicker/utils.d.ts +7 -0
  28. package/dist/src/hooks/__tests__/useCTErrorMsg.test.d.ts +1 -0
  29. package/dist/src/hooks/index.d.ts +1 -0
  30. package/dist/src/hooks/useCTErrorMsg.d.ts +7 -0
  31. package/dist/src/utils/__test__/cterror.test.d.ts +1 -0
  32. package/dist/src/utils/cterror.d.ts +29 -0
  33. package/dist/src/utils/index.d.ts +1 -0
  34. package/dist/src/utils/type.d.ts +32 -0
  35. package/dist/stories/docs/core/CTModalFooterError.stories.d.ts +47 -0
  36. package/dist/style.css +1603 -1596
  37. package/package.json +5 -4
@@ -1,44 +1,3 @@
1
- .E_b1nip9bk {
2
- padding: 4px 11px;
3
- }
4
-
5
- .E_bqamoqe {
6
- white-space: nowrap;
7
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
8
-
9
- & > .ant-btn {
10
- &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
11
- --color: #{$text-light-general};
12
-
13
- &[disabled],
14
- &:hover[disabled] {
15
- --color: #{$text-light-general};
16
- }
17
- }
18
- }
19
-
20
- & > .ant-btn:not(:only-child) {
21
- & + .ant-btn {
22
- margin-left: 1px;
23
- }
24
-
25
- &:first-child {
26
- border-top-right-radius: 0;
27
- border-bottom-right-radius: 0;
28
- }
29
-
30
- &:last-child {
31
- border-top-left-radius: 0;
32
- border-bottom-left-radius: 0;
33
- }
34
-
35
- &:not(:first-child, :last-child) {
36
- border-radius: unset;
37
- }
38
- }
39
- }
40
-
41
-
42
1
  .E_c18gxmrl {
43
2
  border: 1px solid $gray-40;
44
3
  border-radius: 4px;
@@ -67,705 +26,769 @@
67
26
  }
68
27
 
69
28
 
70
- .E_berrcjl {
71
- color: $text-terdiary-light;
72
- margin-bottom: 4px;
73
-
74
- .breadcrumb-link {
75
- color: $text-terdiary-light;
76
- cursor: pointer;
77
- transition: color 160ms ease;
78
-
79
- &:hover {
80
- color: $blue-60;
81
- }
82
- &:active {
83
- color: $blue-80;
84
- }
29
+ .E_itxley7 {
30
+ &.ant-input-group.ant-input-group-compact {
31
+ display: flex;
85
32
  }
86
- }
87
33
 
88
-
89
- .E_m74vjol {
90
- display: flex;
91
- justify-content: space-between;
92
- width: 100%;
93
- & .action {
94
- margin-left: 16px;
34
+ &.ant-input-group.ant-input-group-compact > *:first-child,
35
+ &.ant-input-group.ant-input-group-compact
36
+ > .ant-select:first-child
37
+ > .ant-select-selector,
38
+ &.ant-input-group.ant-input-group-compact
39
+ > .ant-calendar-picker:first-child
40
+ .ant-input,
41
+ &.ant-input-group.ant-input-group-compact
42
+ > .ant-select-auto-complete:first-child
43
+ .ant-input,
44
+ &.ant-input-group.ant-input-group-compact
45
+ > .ant-cascader-picker:first-child
46
+ .ant-input,
47
+ &.ant-input-group.ant-input-group-compact
48
+ > .ant-mention-wrapper:first-child
49
+ .ant-mention-editor,
50
+ &.ant-input-group.ant-input-group-compact
51
+ > .ant-time-picker:first-child
52
+ .ant-time-picker-input {
53
+ border-bottom-left-radius: 5px;
54
+ border-top-left-radius: 5px;
55
+ }
56
+ &.ant-input-group.ant-input-group-compact > *:last-child,
57
+ &.ant-input-group.ant-input-group-compact
58
+ > .ant-select:last-child
59
+ > .ant-select-selector,
60
+ &.ant-input-group.ant-input-group-compact
61
+ > .ant-calendar-picker:last-child
62
+ .ant-input,
63
+ &.ant-input-group.ant-input-group-compact
64
+ > .ant-select-auto-complete:last-child
65
+ .ant-input,
66
+ &.ant-input-group.ant-input-group-compact
67
+ > .ant-cascader-picker:last-child
68
+ .ant-input,
69
+ &.ant-input-group.ant-input-group-compact
70
+ > .ant-cascader-picker-focused:last-child
71
+ .ant-input,
72
+ &.ant-input-group.ant-input-group-compact
73
+ > .ant-mention-wrapper:last-child
74
+ .ant-mention-editor,
75
+ &.ant-input-group.ant-input-group-compact
76
+ > .ant-time-picker:last-child
77
+ .ant-time-picker-input {
78
+ border-bottom-right-radius: 5px;
79
+ border-top-right-radius: 5px;
95
80
  }
96
81
  }
97
82
 
98
- .E_a1o35uvh {
99
- &.ant-alert-closable {
100
- padding-right: 12px;
101
83
 
102
- .ant-alert-close-icon {
103
- height: fit-content;
104
- margin-left: 16px;
105
- }
106
- }
84
+ .E_c1uzzomf {
85
+ margin-bottom: 16px;
107
86
 
108
- .ant-alert-message {
109
- flex: 1;
87
+ .card-title {
88
+ font-size: 16px;
89
+ color: $text-secondary-light;
90
+ font-weight: 700;
91
+ line-height: 32px;
110
92
  }
111
- }
112
-
113
-
114
- .E_b1wx3t3t {
115
- &.ant-btn-icon-only {
116
- justify-content: center;
93
+ .card-body {
94
+ padding: 24px;
95
+ border-radius: 8px;
96
+ background: $fills-light-white;
117
97
  }
118
- &.ant-btn {
119
- display: inline-flex;
120
- align-items: center;
121
- justify-content: center;
122
- height: 32px;
123
- border-radius: 6px;
124
- line-height: 22px;
125
- transition:
126
- transform 160ms ease,
127
- background 160ms ease,
128
- opacity 160ms ease;
129
- transform: scale(var(--scale)) translateY(var(--transY)) translateZ(0);
130
98
 
131
- padding: 5px 12px;
99
+ .empty {
100
+ font-weight: 700;
101
+ font-size: 14px;
102
+ line-height: 22px;
103
+ color: $text-light-tertiary;
104
+ text-align: center;
105
+ }
106
+ }
132
107
 
133
- &.ant-btn-lg {
134
- height: 40px;
135
- line-height: 24px;
136
- padding: 8px 16px;
137
- }
138
108
 
139
- &.ant-btn-sm {
140
- height: 24px;
141
- line-height: 20px;
142
- padding: 2px 8px;
109
+ .E_d133fzv0 {
110
+ .ant-dropdown-menu-item-group {
111
+ .ant-dropdown-menu-item-group-title {
112
+ padding: 4px 8px 0 8px;
113
+ color: $text-light-secondary;
114
+ font-size: 12px;
143
115
  }
144
-
145
- &.ant-btn-link {
146
- padding: 0;
116
+ .ant-dropdown-menu-item-group-list {
117
+ padding-bottom: 6px;
147
118
  }
148
-
149
- &.ant-btn-circle,
150
- &.ant-btn-circle-outline {
151
- border-radius: 50%;
119
+ &:not(:first-child) {
120
+ padding-top: 4px;
121
+ border-top: 1px solid $strokes-light-trans-2;
152
122
  }
153
123
  }
124
+ }
154
125
 
155
- .ant-btn-loading-icon span.anticon {
156
- margin-right: 8px;
157
- padding-right: 0px;
126
+
127
+ .E_fzh9mnb {
128
+ width: 100%;
129
+ height: 100%;
130
+ min-height: 124px;
131
+ display: flex;
132
+ flex-direction: column;
133
+ justify-content: center;
134
+ align-items: center;
135
+
136
+ .error-text {
137
+ color: $text-terdiary-light;
138
+ margin-bottom: 16px;
139
+ font-size: 18px;
158
140
  }
141
+ }
159
142
 
160
- &.ant-btn.ant-btn-primary,
161
- &.ant-btn.ant-btn-secondary,
162
- &.ant-btn.ant-btn-tertiary,
163
- &.ant-btn.ant-btn-ordinary,
164
- &.ant-btn.ant-btn-ordinary-onTint,
165
- &.ant-btn.ant-btn-quiet {
166
- color: var(--color, #06101f);
167
- font-weight: var(--font-weight);
168
- background: var(--background-color, #fff);
169
- border-width: var(--border-width, 1px);
170
- border-color: var(--border-color, #d9d9d9);
171
143
 
172
- &[ant-click-animating-without-extra-node="true"]:after {
173
- display: none;
174
- }
144
+ .E_d1bw7c5z {
145
+ position: relative;
146
+ max-width: 388px;
147
+ min-width: 285px;
148
+ .center {
149
+ position: absolute;
150
+ font-size: 12px;
151
+ width: 80px;
152
+ height: 100px;
153
+ top: 0;
154
+ left: 35px;
155
+ display: flex;
156
+ flex-direction: column;
157
+ justify-content: center;
158
+ align-items: center;
159
+ color: $text-light-primary;
175
160
 
176
- .anticon {
177
- color: var(--color, inherit);
161
+ .number {
162
+ font-size: 24px;
163
+ font-weight: 700;
178
164
  }
179
165
 
180
- &:hover,
181
- &.__pseudo-states-hover {
182
- background: var(--background-color-hover, var(--background-color));
183
- border-color: var(--border-color-hover, var(--border-color, transparent));
166
+ .text {
167
+ padding: 0 5px;
168
+ font-size: 12px;
169
+ width: inherit;
170
+ text-align: center;
184
171
  }
185
-
186
- &:active,
187
- &.__pseudo-states-active {
188
- --scale: 1;
189
- --transY: 1px;
190
- background: var(--background-color-active, var(--background-color));
191
- border-color: var(
192
- --border-color-active,
193
- var(--border-color, transparent)
194
- );
172
+ }
173
+ .recharts-wrapper {
174
+ display: flex;
175
+ .recharts-legend-wrapper {
176
+ position: relative !important;
177
+ min-width: calc(
178
+ 100% - var(--d1bw7c5z-0)
179
+ ) !important;
180
+ left: 0 !important;
181
+ bottom: 0 !important;
182
+ display: flex;
183
+ align-items: center;
184
+ .recharts-default-legend {
185
+ width: 100%;
186
+ }
187
+ li {
188
+ width: 100%;
189
+ margin-right: 0 !important;
190
+ line-height: 18px;
191
+ & > svg {
192
+ border-radius: 2px;
193
+ }
194
+ & > .recharts-legend-item-text {
195
+ min-width: 75px;
196
+ max-width: 198px;
197
+ width: calc(100% - 20px);
198
+ margin-left: 2px;
199
+ color: $text-light-primary !important;
200
+ display: inline-flex;
201
+ justify-content: space-between;
202
+ }
203
+ }
195
204
  }
205
+ }
206
+ .tooltip-text {
207
+ maxwidth: calc(100% - 12px);
208
+ cursor: pointer;
209
+ border-bottom: 1px dashed $strokes-light-trans-4;
210
+ overflow: hidden;
211
+ text-overflow: ellipsis;
212
+ white-space: nowrap;
213
+ }
196
214
 
197
- &:focus,
198
- &.__pseudo-states-focus {
199
- background: var(--background-color-focus, var(--background-color));
200
- box-shadow: 0 0 0px 4px var(--box-shadow-color-focus);
201
- border-color: var(--border-color-focus, var(--border-color, transparent));
202
- }
215
+ .value {
216
+ color: $text-neutral-secondary;
217
+ }
218
+ }
203
219
 
204
- &[disabled],
205
- &[disabled]:hover,
206
- &[disabled]:focus,
207
- &[disabled]:active {
208
- color: var(--color-disabled, var(--color));
209
- background: var(--background-color-disabled, var(--background-color));
210
- border-color: var(
211
- --border-color-disabled,
212
- var(--border-color, transparent)
213
- );
214
- opacity: 0.5;
215
- --transY: 0;
220
+ .E_t10pqbtc {
221
+ width: 140px;
222
+
223
+ .item {
224
+ margin: 6px auto;
225
+ display: flex;
226
+ justify-content: space-between;
227
+
228
+ .name {
229
+ width: 102px;
216
230
  }
217
231
  }
232
+ }
218
233
 
219
- &.ant-btn-link {
220
- &[disabled] {
221
- color: $text-light-general;
222
- opacity: 0.5;
234
+
235
+ .E_b1nip9bk {
236
+ padding: 4px 11px;
237
+ }
238
+
239
+ .E_bqamoqe {
240
+ white-space: nowrap;
241
+ filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
242
+
243
+ & > .ant-btn {
244
+ &.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
245
+ --color: #{$text-light-general};
246
+
247
+ &[disabled],
248
+ &:hover[disabled] {
249
+ --color: #{$text-light-general};
250
+ }
223
251
  }
224
252
  }
225
253
 
226
- &.ant-btn-primary {
227
- --color: #{$white};
228
- --font-weight: bold;
229
- --border-width: 0;
254
+ & > .ant-btn:not(:only-child) {
255
+ & + .ant-btn {
256
+ margin-left: 1px;
257
+ }
230
258
 
231
- --background-color: #{$fills-light-general-general};
232
- --background-color-hover: #{$fills-light-general-general-bright};
233
- --background-color-active: #{$fills-light-general-general-dark};
234
- --background-color-focus: #{$fills-light-general-general};
235
- --box-shadow-color-focus: #{$strokes-light-outstanding-light};
236
- }
259
+ &:first-child {
260
+ border-top-right-radius: 0;
261
+ border-bottom-right-radius: 0;
262
+ }
237
263
 
238
- &.ant-btn-primary.ant-btn-dangerous {
239
- --background-color: #{$fills-light-serious-serious};
240
- --background-color-hover: #{$fills-light-serious-serious-bright};
241
- --background-color-active: #{$fills-light-serious-serious-dark};
242
- --background-color-focus: #{$fills-light-serious-serious-bright};
243
- --box-shadow-color-focus: #{$strokes-light-serious-light};
244
- }
264
+ &:last-child {
265
+ border-top-left-radius: 0;
266
+ border-bottom-left-radius: 0;
267
+ }
245
268
 
246
- &.ant-btn-primary.btn-primary-orange {
247
- --background-color: #{$fills-light-notice-notice};
248
- --background-color-hover: #{$fills-light-notice-notice-bright};
249
- --background-color-active: #{$fills-light-notice-notice-dark};
250
- --background-color-focus: #{$fills-light-notice-notice};
269
+ &:not(:first-child, :last-child) {
270
+ border-radius: unset;
271
+ }
251
272
  }
273
+ }
252
274
 
253
- &.ant-btn-secondary {
254
- --color: #{$text-light-general};
255
- --font-weight: bold;
256
- --border-width: 0;
257
275
 
258
- --background-color: #{$fills-light-general-general-light};
259
- --background-color-hover: #{$fills-interaction-light-outstanding-hover};
260
- --background-color-active: #{$fills-interaction-light-outstanding-active};
261
- --background-color-focus: #{$fills-light-general-general-light};
262
- --box-shadow-color-focus: #{$strokes-light-outstanding-light};
276
+ .E_a1wfy30z {
277
+ .ant-input-number-handler-wrap {
278
+ display: var(--a1wfy30z-0);
279
+ }
280
+ .ant-input-number-input-wrap {
281
+ padding: 4px 11px;
282
+ display: inline-flex;
283
+ line-height: 1.5715;
284
+ height: inherit;
263
285
  }
264
286
 
265
- &.ant-btn-secondary.ant-btn-dangerous {
266
- --color: #{$text-light-serious};
287
+ .ant-input-number-input-wrap::after {
288
+ content: var(--a1wfy30z-1);
289
+ display: var(--a1wfy30z-2);
290
+ flex: none;
291
+ align-items: center;
292
+ margin-left: 4px;
293
+ }
267
294
 
268
- --background-color: #{$fills-light-serious-serious-light};
269
- --background-color-hover: #{$fills-interaction-light-serious-hover};
270
- --background-color-active: #{$fills-interaction-light-serious-active};
271
- --background-color-focus: #{$fills-light-serious-serious-light};
272
- --box-shadow-color-focus: #{$fills-interaction-light-serious-hover};
295
+ .ant-input-number-input-wrap::before {
296
+ content: var(--a1wfy30z-3);
297
+ display: var(--a1wfy30z-4);
298
+ flex: none;
299
+ align-items: center;
300
+ margin-right: 4px;
301
+ cursor: auto;
273
302
  }
274
303
 
275
- &.ant-btn-secondary.btn-primary-orange {
276
- --color: #{$text-light-notice};
277
- --background-color: #{$fills-light-notice-notice-light};
278
- --background-color-hover: #{$fills-interaction-light-notice-hover};
279
- --background-color-active: #{$fills-interaction-light-notice-active};
280
- --background-color-focus: #{$fills-light-notice-notice-light};
304
+ .ant-input-number-input {
305
+ padding: 0;
306
+ margin: 0;
307
+ height: auto;
308
+ font-size: inherit;
281
309
  }
310
+ }
282
311
 
283
- &.ant-btn-tertiary {
284
- --color: #{$text-light-general};
285
- --font-weight: bold;
286
- --border-width: 0;
287
312
 
288
- --background-color: #{$white};
289
- --box-shadow-color-focus: #{$strokes-light-outstanding-light};
313
+ .E_berrcjl {
314
+ color: $text-terdiary-light;
315
+ margin-bottom: 4px;
290
316
 
291
- box-shadow: none;
317
+ .breadcrumb-link {
318
+ color: $text-terdiary-light;
319
+ cursor: pointer;
320
+ transition: color 160ms ease;
292
321
 
293
- &:not([disabled]),
294
- &:not(:focus) {
295
- &:hover,
296
- &:active,
297
- &.__pseudo-states-hover,
298
- &.__pseudo-states-active {
299
- filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
300
- }
322
+ &:hover {
323
+ color: $blue-60;
324
+ }
325
+ &:active {
326
+ color: $blue-80;
301
327
  }
302
328
  }
329
+ }
303
330
 
304
- &.ant-btn-tertiary.ant-btn-dangerous {
305
- --color: #{$text-light-serious};
306
-
307
- --background-color: #{$white};
308
- --box-shadow-color-focus: #{$fills-interaction-light-serious-hover};
309
331
 
310
- &:not([disabled]),
311
- &:not(:focus) {
312
- &:hover,
313
- &:active,
314
- &.__pseudo-states-hover,
315
- &.__pseudo-states-active {
316
- filter: drop-shadow(0px 2px 8px rgba(255, 74, 74, 0.1));
317
- }
318
- }
332
+ .E_m74vjol {
333
+ display: flex;
334
+ justify-content: space-between;
335
+ width: 100%;
336
+ & .action {
337
+ margin-left: 16px;
319
338
  }
339
+ }
320
340
 
321
- &.ant-btn-tertiary.btn-primary-orange {
322
- --color: #{$text-light-notice};
323
- --background-color: #{$white};
341
+ .E_a1o35uvh {
342
+ &.ant-alert-closable {
343
+ padding-right: 12px;
324
344
 
325
- &:not([disabled]),
326
- &:not(:focus) {
327
- &:hover,
328
- &:active,
329
- &.__pseudo-states-hover,
330
- &.__pseudo-states-active {
331
- filter: drop-shadow(0px 2px 8px rgba(255, 187, 0, 0.1));
332
- }
345
+ .ant-alert-close-icon {
346
+ height: fit-content;
347
+ margin-left: 16px;
333
348
  }
334
349
  }
335
350
 
336
- &.ant-btn-ordinary {
337
- --color: #{$text-light-super};
338
- --border-color: #{$strokes-light-opaque-3};
339
-
340
- --background-color: #{$white};
341
- --background-color-hover: #{$fills-light-opaque-2};
342
- --background-color-active: #{$fills-light-opaque-3};
343
- --box-shadow-color-focus: #{$strokes-light-outstanding-light};
344
-
345
- box-shadow: 0px 1px 2px -1px rgba(44, 56, 82, 0.18);
346
-
347
- &:focus,
348
- &.__pseudo-states-focus {
349
- box-shadow: 0 0 0px 4px var(--box-shadow-color-focus);
350
- }
351
+ .ant-alert-message {
352
+ flex: 1;
351
353
  }
354
+ }
352
355
 
353
- &.ant-btn-ordinary.ordinary-blue {
354
- --color: #{$text-light-general};
355
- --border-color: #{$fills-light-general-general};
356
-
357
- --background-color: #{$white};
358
- --background-color-hover: linear-gradient(
359
- 0deg,
360
- rgba(0, 136, 255, 0.16),
361
- rgba(0, 136, 255, 0.16)
362
- ),
363
- #ffffff;
364
- --background-color-active: linear-gradient(
365
- 0deg,
366
- rgba(0, 136, 255, 0.2),
367
- rgba(0, 136, 255, 0.2)
368
- ),
369
- #ffffff;
370
- --box-shadow-color-focus: #{$strokes-light-outstanding-light};
371
356
 
372
- box-shadow: 0px 1px 2px -1px rgba(44, 56, 82, 0.18);
357
+ .E_sx1bpnu {
358
+ .ant-input-sm {
359
+ line-height: 18px;
373
360
  }
361
+ }
374
362
 
375
- &.ant-btn-ordinary.ant-btn-dangerous {
376
- --color: #{$text-light-serious};
377
- --border-color: #{$fills-light-serious-serious};
378
363
 
379
- --background-color: #{$white};
380
- --background-color-hover: linear-gradient(
381
- 0deg,
382
- rgba(255, 74, 74, 0.16),
383
- rgba(255, 74, 74, 0.16)
384
- ),
385
- #ffffff;
386
- --background-color-active: linear-gradient(
387
- 0deg,
388
- rgba(255, 74, 74, 0.2),
389
- rgba(255, 74, 74, 0.2)
390
- ),
391
- #ffffff;
392
- --box-shadow-color-focus: #{$strokes-light-serious-light};
364
+ .E_atcz0kf {
365
+ .ant-input-suffix {
366
+ margin-left: 8px;
393
367
  }
394
-
395
- &.ant-btn-ordinary-onTint {
396
- --color: #{$text-light-super};
397
- --border-color: #{$white};
398
-
399
- --background-color: #{$white};
400
- --background-color-hover: #{$fills-interaction-light-general-hover};
401
- --background-color-active: #{$fills-interaction-light-general-active};
402
- --box-shadow-color-focus: #{$strokes-light-outstanding-light};
403
-
404
- box-shadow: none;
368
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
369
+ padding: 2px 7px 2px 12px;
405
370
  }
371
+ }
406
372
 
407
- &.ant-btn-ordinary-onTint.ordinary-blue {
408
- --color: #{$text-light-general};
409
- --border-color: #{$white};
410
-
411
- --background-color: #{$white};
412
- --background-color-hover: #{$fills-interaction-light-outstanding-hover};
413
- --background-color-active: #{$fills-interaction-light-outstanding-active};
414
- --box-shadow-color-focus: #{$strokes-light-outstanding-light};
415
373
 
416
- box-shadow: none;
417
- }
374
+ .E_f7pxqmh {
375
+ width: 100%;
376
+ margin-bottom: 0 !important;
377
+ flex-flow: nowrap !important;
378
+ line-break: auto;
418
379
 
419
- &.ant-btn-ordinary-onTint.ant-btn-dangerous {
420
- --color: #{$text-light-serious};
380
+ & > .ant-form-item-label {
381
+ text-align: left !important;
382
+ padding-bottom: 0 !important;
421
383
 
422
- --background-color-hover: #{$fills-interaction-light-serious-hover};
423
- --background-color-active: #{$fills-interaction-light-serious-active};
424
- --box-shadow-color-focus: #{$strokes-light-serious-light};
384
+ & > label {
385
+ min-height: 32px;
386
+ height: auto;
387
+ font-size: 13px;
388
+ color: rgba(44, 56, 82, 0.6);
389
+ white-space: normal;
390
+ }
425
391
  }
426
392
 
427
- &.ant-btn-quiet {
428
- --color: #{$text-light-secondary};
429
- --border-width: 0;
430
-
431
- --background-color: transparent;
432
- --background-color-hover: #{$fills-interaction-light-general-hover};
433
- --background-color-active: #{$fills-interaction-light-general-active};
434
- --background-color-focus: #{$white};
435
- --box-shadow-color-focus: #{$strokes-light-outstanding-light};
436
- box-shadow: none;
393
+ &.ant-form-item-has-error {
394
+ .ant-input {
395
+ border-color: #ff4d4f !important;
396
+ }
397
+ .ant-input-password {
398
+ border-color: #ff4d4f !important;
399
+ }
437
400
  }
438
401
 
439
- &.ant-btn-quiet.ant-btn-dangerous {
440
- --color: #{$text-light-serious};
441
-
442
- --background-color-hover: #{$fills-interaction-light-serious-hover};
443
- --background-color-active: #{$fills-interaction-light-serious-active};
444
- --box-shadow-color-focus: #{$strokes-light-serious-light};
402
+ .ant-form-item-explain {
403
+ margin-top: 4px;
404
+ font-size: 12px;
405
+ min-height: 0px;
445
406
  }
446
407
 
447
- &.ant-btn-quiet.quiet-blue {
448
- --color: #{$text-light-general};
449
-
450
- --background-color: transparent;
451
- --background-color-hover: #{$fills-interaction-light-outstanding-hover};
452
- --background-color-active: #{$fills-interaction-light-outstanding-active};
453
- --background-color-focus: #{$white};
454
- --box-shadow-color-focus: #{$strokes-light-outstanding-light};
408
+ .ant-form-item-extra {
409
+ font-size: 12px;
410
+ color: rgba(44, 56, 82, 0.6);
411
+ min-height: 0px;
455
412
  }
413
+ }
456
414
 
457
- .button-prefix-icon {
458
- margin-right: 8px;
459
- display: inline-flex;
415
+
416
+ .E_b1wx3t3t {
417
+ &.ant-btn-icon-only {
418
+ justify-content: center;
460
419
  }
461
- .button-suffix-icon {
462
- margin-left: 8px;
420
+ &.ant-btn {
463
421
  display: inline-flex;
464
- }
465
- .icon-wrapper {
466
- display: flex;
422
+ align-items: center;
467
423
  justify-content: center;
468
- }
469
- }
424
+ height: 32px;
425
+ border-radius: 6px;
426
+ line-height: 22px;
427
+ transition:
428
+ transform 160ms ease,
429
+ background 160ms ease,
430
+ opacity 160ms ease;
431
+ transform: scale(var(--scale)) translateY(var(--transY)) translateZ(0);
470
432
 
433
+ padding: 5px 12px;
471
434
 
472
- .E_c1uzzomf {
473
- margin-bottom: 16px;
435
+ &.ant-btn-lg {
436
+ height: 40px;
437
+ line-height: 24px;
438
+ padding: 8px 16px;
439
+ }
474
440
 
475
- .card-title {
476
- font-size: 16px;
477
- color: $text-secondary-light;
478
- font-weight: 700;
479
- line-height: 32px;
480
- }
481
- .card-body {
482
- padding: 24px;
483
- border-radius: 8px;
484
- background: $fills-light-white;
441
+ &.ant-btn-sm {
442
+ height: 24px;
443
+ line-height: 20px;
444
+ padding: 2px 8px;
445
+ }
446
+
447
+ &.ant-btn-link {
448
+ padding: 0;
449
+ }
450
+
451
+ &.ant-btn-circle,
452
+ &.ant-btn-circle-outline {
453
+ border-radius: 50%;
454
+ }
485
455
  }
486
456
 
487
- .empty {
488
- font-weight: 700;
489
- font-size: 14px;
490
- line-height: 22px;
491
- color: $text-light-tertiary;
492
- text-align: center;
457
+ .ant-btn-loading-icon span.anticon {
458
+ margin-right: 8px;
459
+ padding-right: 0px;
493
460
  }
494
- }
495
461
 
462
+ &.ant-btn.ant-btn-primary,
463
+ &.ant-btn.ant-btn-secondary,
464
+ &.ant-btn.ant-btn-tertiary,
465
+ &.ant-btn.ant-btn-ordinary,
466
+ &.ant-btn.ant-btn-ordinary-onTint,
467
+ &.ant-btn.ant-btn-quiet {
468
+ color: var(--color, #06101f);
469
+ font-weight: var(--font-weight);
470
+ background: var(--background-color, #fff);
471
+ border-width: var(--border-width, 1px);
472
+ border-color: var(--border-color, #d9d9d9);
496
473
 
497
- .E_d1bw7c5z {
498
- position: relative;
499
- max-width: 388px;
500
- min-width: 285px;
501
- .center {
502
- position: absolute;
503
- font-size: 12px;
504
- width: 80px;
505
- height: 100px;
506
- top: 0;
507
- left: 35px;
508
- display: flex;
509
- flex-direction: column;
510
- justify-content: center;
511
- align-items: center;
512
- color: $text-light-primary;
474
+ &[ant-click-animating-without-extra-node="true"]:after {
475
+ display: none;
476
+ }
513
477
 
514
- .number {
515
- font-size: 24px;
516
- font-weight: 700;
478
+ .anticon {
479
+ color: var(--color, inherit);
517
480
  }
518
481
 
519
- .text {
520
- padding: 0 5px;
521
- font-size: 12px;
522
- width: inherit;
523
- text-align: center;
482
+ &:hover,
483
+ &.__pseudo-states-hover {
484
+ background: var(--background-color-hover, var(--background-color));
485
+ border-color: var(--border-color-hover, var(--border-color, transparent));
524
486
  }
525
- }
526
- .recharts-wrapper {
527
- display: flex;
528
- .recharts-legend-wrapper {
529
- position: relative !important;
530
- min-width: calc(
531
- 100% - var(--d1bw7c5z-0)
532
- ) !important;
533
- left: 0 !important;
534
- bottom: 0 !important;
535
- display: flex;
536
- align-items: center;
537
- .recharts-default-legend {
538
- width: 100%;
539
- }
540
- li {
541
- width: 100%;
542
- margin-right: 0 !important;
543
- line-height: 18px;
544
- & > svg {
545
- border-radius: 2px;
546
- }
547
- & > .recharts-legend-item-text {
548
- min-width: 75px;
549
- max-width: 198px;
550
- width: calc(100% - 20px);
551
- margin-left: 2px;
552
- color: $text-light-primary !important;
553
- display: inline-flex;
554
- justify-content: space-between;
555
- }
556
- }
557
- }
558
- }
559
- .tooltip-text {
560
- maxwidth: calc(100% - 12px);
561
- cursor: pointer;
562
- border-bottom: 1px dashed $strokes-light-trans-4;
563
- overflow: hidden;
564
- text-overflow: ellipsis;
565
- white-space: nowrap;
566
- }
567
487
 
568
- .value {
569
- color: $text-neutral-secondary;
570
- }
571
- }
572
-
573
- .E_t10pqbtc {
574
- width: 140px;
488
+ &:active,
489
+ &.__pseudo-states-active {
490
+ --scale: 1;
491
+ --transY: 1px;
492
+ background: var(--background-color-active, var(--background-color));
493
+ border-color: var(
494
+ --border-color-active,
495
+ var(--border-color, transparent)
496
+ );
497
+ }
575
498
 
576
- .item {
577
- margin: 6px auto;
578
- display: flex;
579
- justify-content: space-between;
499
+ &:focus,
500
+ &.__pseudo-states-focus {
501
+ background: var(--background-color-focus, var(--background-color));
502
+ box-shadow: 0 0 0px 4px var(--box-shadow-color-focus);
503
+ border-color: var(--border-color-focus, var(--border-color, transparent));
504
+ }
580
505
 
581
- .name {
582
- width: 102px;
506
+ &[disabled],
507
+ &[disabled]:hover,
508
+ &[disabled]:focus,
509
+ &[disabled]:active {
510
+ color: var(--color-disabled, var(--color));
511
+ background: var(--background-color-disabled, var(--background-color));
512
+ border-color: var(
513
+ --border-color-disabled,
514
+ var(--border-color, transparent)
515
+ );
516
+ opacity: 0.5;
517
+ --transY: 0;
583
518
  }
584
519
  }
585
- }
586
520
 
587
-
588
- .E_d133fzv0 {
589
- .ant-dropdown-menu-item-group {
590
- .ant-dropdown-menu-item-group-title {
591
- padding: 4px 8px 0 8px;
592
- color: $text-light-secondary;
593
- font-size: 12px;
594
- }
595
- .ant-dropdown-menu-item-group-list {
596
- padding-bottom: 6px;
597
- }
598
- &:not(:first-child) {
599
- padding-top: 4px;
600
- border-top: 1px solid $strokes-light-trans-2;
521
+ &.ant-btn-link {
522
+ &[disabled] {
523
+ color: $text-light-general;
524
+ opacity: 0.5;
601
525
  }
602
526
  }
603
- }
604
527
 
528
+ &.ant-btn-primary {
529
+ --color: #{$white};
530
+ --font-weight: bold;
531
+ --border-width: 0;
605
532
 
606
- .E_sx1bpnu {
607
- .ant-input-sm {
608
- line-height: 18px;
533
+ --background-color: #{$fills-light-general-general};
534
+ --background-color-hover: #{$fills-light-general-general-bright};
535
+ --background-color-active: #{$fills-light-general-general-dark};
536
+ --background-color-focus: #{$fills-light-general-general};
537
+ --box-shadow-color-focus: #{$strokes-light-outstanding-light};
609
538
  }
610
- }
611
-
612
-
613
- .E_iouxfgt {
614
- display: inline-flex;
615
- align-items: center;
616
539
 
617
- .icon-inner {
618
- display: inline-flex;
619
- align-items: center;
620
- justify-content: center;
540
+ &.ant-btn-primary.ant-btn-dangerous {
541
+ --background-color: #{$fills-light-serious-serious};
542
+ --background-color-hover: #{$fills-light-serious-serious-bright};
543
+ --background-color-active: #{$fills-light-serious-serious-dark};
544
+ --background-color-focus: #{$fills-light-serious-serious-bright};
545
+ --box-shadow-color-focus: #{$strokes-light-serious-light};
621
546
  }
622
- .icon-inner + span,
623
- span + .icon-inner.suffix {
624
- margin-left: 4px;
547
+
548
+ &.ant-btn-primary.btn-primary-orange {
549
+ --background-color: #{$fills-light-notice-notice};
550
+ --background-color-hover: #{$fills-light-notice-notice-bright};
551
+ --background-color-active: #{$fills-light-notice-notice-dark};
552
+ --background-color-focus: #{$fills-light-notice-notice};
625
553
  }
626
- &.is-rotate {
627
- img,
628
- svg {
629
- animation: rotate 680ms linear infinite;
630
- }
554
+
555
+ &.ant-btn-secondary {
556
+ --color: #{$text-light-general};
557
+ --font-weight: bold;
558
+ --border-width: 0;
559
+
560
+ --background-color: #{$fills-light-general-general-light};
561
+ --background-color-hover: #{$fills-interaction-light-outstanding-hover};
562
+ --background-color-active: #{$fills-interaction-light-outstanding-active};
563
+ --background-color-focus: #{$fills-light-general-general-light};
564
+ --box-shadow-color-focus: #{$strokes-light-outstanding-light};
631
565
  }
632
- }
633
566
 
567
+ &.ant-btn-secondary.ant-btn-dangerous {
568
+ --color: #{$text-light-serious};
634
569
 
635
- .E_atcz0kf {
636
- .ant-input-suffix {
637
- margin-left: 8px;
570
+ --background-color: #{$fills-light-serious-serious-light};
571
+ --background-color-hover: #{$fills-interaction-light-serious-hover};
572
+ --background-color-active: #{$fills-interaction-light-serious-active};
573
+ --background-color-focus: #{$fills-light-serious-serious-light};
574
+ --box-shadow-color-focus: #{$fills-interaction-light-serious-hover};
638
575
  }
639
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
640
- padding: 2px 7px 2px 12px;
576
+
577
+ &.ant-btn-secondary.btn-primary-orange {
578
+ --color: #{$text-light-notice};
579
+ --background-color: #{$fills-light-notice-notice-light};
580
+ --background-color-hover: #{$fills-interaction-light-notice-hover};
581
+ --background-color-active: #{$fills-interaction-light-notice-active};
582
+ --background-color-focus: #{$fills-light-notice-notice-light};
641
583
  }
642
- }
643
584
 
585
+ &.ant-btn-tertiary {
586
+ --color: #{$text-light-general};
587
+ --font-weight: bold;
588
+ --border-width: 0;
644
589
 
645
- .E_f7pxqmh {
646
- width: 100%;
647
- margin-bottom: 0 !important;
648
- flex-flow: nowrap !important;
649
- line-break: auto;
590
+ --background-color: #{$white};
591
+ --box-shadow-color-focus: #{$strokes-light-outstanding-light};
650
592
 
651
- & > .ant-form-item-label {
652
- text-align: left !important;
653
- padding-bottom: 0 !important;
593
+ box-shadow: none;
654
594
 
655
- & > label {
656
- min-height: 32px;
657
- height: auto;
658
- font-size: 13px;
659
- color: rgba(44, 56, 82, 0.6);
660
- white-space: normal;
595
+ &:not([disabled]),
596
+ &:not(:focus) {
597
+ &:hover,
598
+ &:active,
599
+ &.__pseudo-states-hover,
600
+ &.__pseudo-states-active {
601
+ filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
602
+ }
661
603
  }
662
604
  }
663
605
 
664
- &.ant-form-item-has-error {
665
- .ant-input {
666
- border-color: #ff4d4f !important;
667
- }
668
- .ant-input-password {
669
- border-color: #ff4d4f !important;
606
+ &.ant-btn-tertiary.ant-btn-dangerous {
607
+ --color: #{$text-light-serious};
608
+
609
+ --background-color: #{$white};
610
+ --box-shadow-color-focus: #{$fills-interaction-light-serious-hover};
611
+
612
+ &:not([disabled]),
613
+ &:not(:focus) {
614
+ &:hover,
615
+ &:active,
616
+ &.__pseudo-states-hover,
617
+ &.__pseudo-states-active {
618
+ filter: drop-shadow(0px 2px 8px rgba(255, 74, 74, 0.1));
619
+ }
670
620
  }
671
621
  }
672
622
 
673
- .ant-form-item-explain {
674
- margin-top: 4px;
675
- font-size: 12px;
676
- min-height: 0px;
677
- }
623
+ &.ant-btn-tertiary.btn-primary-orange {
624
+ --color: #{$text-light-notice};
625
+ --background-color: #{$white};
678
626
 
679
- .ant-form-item-extra {
680
- font-size: 12px;
681
- color: rgba(44, 56, 82, 0.6);
682
- min-height: 0px;
627
+ &:not([disabled]),
628
+ &:not(:focus) {
629
+ &:hover,
630
+ &:active,
631
+ &.__pseudo-states-hover,
632
+ &.__pseudo-states-active {
633
+ filter: drop-shadow(0px 2px 8px rgba(255, 187, 0, 0.1));
634
+ }
635
+ }
683
636
  }
684
- }
685
637
 
638
+ &.ant-btn-ordinary {
639
+ --color: #{$text-light-super};
640
+ --border-color: #{$strokes-light-opaque-3};
686
641
 
687
- .E_i1inqkme {
688
- height: 18px;
689
- line-height: 18px;
690
- padding: 0 4px;
691
- border-radius: 4px;
692
- background: rgba(235, 239, 245, 0.6);
693
- border: 1px solid rgba(223, 228, 235, 0.6);
694
- display: flex;
695
- align-items: center;
696
- white-space: nowrap;
697
- margin-right: 4px;
698
- }
642
+ --background-color: #{$white};
643
+ --background-color-hover: #{$fills-light-opaque-2};
644
+ --background-color-active: #{$fills-light-opaque-3};
645
+ --box-shadow-color-focus: #{$strokes-light-outstanding-light};
699
646
 
647
+ box-shadow: 0px 1px 2px -1px rgba(44, 56, 82, 0.18);
700
648
 
701
- .E_fzh9mnb {
702
- width: 100%;
703
- height: 100%;
704
- min-height: 124px;
705
- display: flex;
706
- flex-direction: column;
707
- justify-content: center;
708
- align-items: center;
649
+ &:focus,
650
+ &.__pseudo-states-focus {
651
+ box-shadow: 0 0 0px 4px var(--box-shadow-color-focus);
652
+ }
653
+ }
709
654
 
710
- .error-text {
711
- color: $text-terdiary-light;
712
- margin-bottom: 16px;
713
- font-size: 18px;
655
+ &.ant-btn-ordinary.ordinary-blue {
656
+ --color: #{$text-light-general};
657
+ --border-color: #{$fills-light-general-general};
658
+
659
+ --background-color: #{$white};
660
+ --background-color-hover: linear-gradient(
661
+ 0deg,
662
+ rgba(0, 136, 255, 0.16),
663
+ rgba(0, 136, 255, 0.16)
664
+ ),
665
+ #ffffff;
666
+ --background-color-active: linear-gradient(
667
+ 0deg,
668
+ rgba(0, 136, 255, 0.2),
669
+ rgba(0, 136, 255, 0.2)
670
+ ),
671
+ #ffffff;
672
+ --box-shadow-color-focus: #{$strokes-light-outstanding-light};
673
+
674
+ box-shadow: 0px 1px 2px -1px rgba(44, 56, 82, 0.18);
714
675
  }
715
- }
716
676
 
677
+ &.ant-btn-ordinary.ant-btn-dangerous {
678
+ --color: #{$text-light-serious};
679
+ --border-color: #{$fills-light-serious-serious};
717
680
 
718
- .E_itxley7 {
719
- &.ant-input-group.ant-input-group-compact {
681
+ --background-color: #{$white};
682
+ --background-color-hover: linear-gradient(
683
+ 0deg,
684
+ rgba(255, 74, 74, 0.16),
685
+ rgba(255, 74, 74, 0.16)
686
+ ),
687
+ #ffffff;
688
+ --background-color-active: linear-gradient(
689
+ 0deg,
690
+ rgba(255, 74, 74, 0.2),
691
+ rgba(255, 74, 74, 0.2)
692
+ ),
693
+ #ffffff;
694
+ --box-shadow-color-focus: #{$strokes-light-serious-light};
695
+ }
696
+
697
+ &.ant-btn-ordinary-onTint {
698
+ --color: #{$text-light-super};
699
+ --border-color: #{$white};
700
+
701
+ --background-color: #{$white};
702
+ --background-color-hover: #{$fills-interaction-light-general-hover};
703
+ --background-color-active: #{$fills-interaction-light-general-active};
704
+ --box-shadow-color-focus: #{$strokes-light-outstanding-light};
705
+
706
+ box-shadow: none;
707
+ }
708
+
709
+ &.ant-btn-ordinary-onTint.ordinary-blue {
710
+ --color: #{$text-light-general};
711
+ --border-color: #{$white};
712
+
713
+ --background-color: #{$white};
714
+ --background-color-hover: #{$fills-interaction-light-outstanding-hover};
715
+ --background-color-active: #{$fills-interaction-light-outstanding-active};
716
+ --box-shadow-color-focus: #{$strokes-light-outstanding-light};
717
+
718
+ box-shadow: none;
719
+ }
720
+
721
+ &.ant-btn-ordinary-onTint.ant-btn-dangerous {
722
+ --color: #{$text-light-serious};
723
+
724
+ --background-color-hover: #{$fills-interaction-light-serious-hover};
725
+ --background-color-active: #{$fills-interaction-light-serious-active};
726
+ --box-shadow-color-focus: #{$strokes-light-serious-light};
727
+ }
728
+
729
+ &.ant-btn-quiet {
730
+ --color: #{$text-light-secondary};
731
+ --border-width: 0;
732
+
733
+ --background-color: transparent;
734
+ --background-color-hover: #{$fills-interaction-light-general-hover};
735
+ --background-color-active: #{$fills-interaction-light-general-active};
736
+ --background-color-focus: #{$white};
737
+ --box-shadow-color-focus: #{$strokes-light-outstanding-light};
738
+ box-shadow: none;
739
+ }
740
+
741
+ &.ant-btn-quiet.ant-btn-dangerous {
742
+ --color: #{$text-light-serious};
743
+
744
+ --background-color-hover: #{$fills-interaction-light-serious-hover};
745
+ --background-color-active: #{$fills-interaction-light-serious-active};
746
+ --box-shadow-color-focus: #{$strokes-light-serious-light};
747
+ }
748
+
749
+ &.ant-btn-quiet.quiet-blue {
750
+ --color: #{$text-light-general};
751
+
752
+ --background-color: transparent;
753
+ --background-color-hover: #{$fills-interaction-light-outstanding-hover};
754
+ --background-color-active: #{$fills-interaction-light-outstanding-active};
755
+ --background-color-focus: #{$white};
756
+ --box-shadow-color-focus: #{$strokes-light-outstanding-light};
757
+ }
758
+
759
+ .button-prefix-icon {
760
+ margin-right: 8px;
761
+ display: inline-flex;
762
+ }
763
+ .button-suffix-icon {
764
+ margin-left: 8px;
765
+ display: inline-flex;
766
+ }
767
+ .icon-wrapper {
720
768
  display: flex;
769
+ justify-content: center;
721
770
  }
771
+ }
722
772
 
723
- &.ant-input-group.ant-input-group-compact > *:first-child,
724
- &.ant-input-group.ant-input-group-compact
725
- > .ant-select:first-child
726
- > .ant-select-selector,
727
- &.ant-input-group.ant-input-group-compact
728
- > .ant-calendar-picker:first-child
729
- .ant-input,
730
- &.ant-input-group.ant-input-group-compact
731
- > .ant-select-auto-complete:first-child
732
- .ant-input,
733
- &.ant-input-group.ant-input-group-compact
734
- > .ant-cascader-picker:first-child
735
- .ant-input,
736
- &.ant-input-group.ant-input-group-compact
737
- > .ant-mention-wrapper:first-child
738
- .ant-mention-editor,
739
- &.ant-input-group.ant-input-group-compact
740
- > .ant-time-picker:first-child
741
- .ant-time-picker-input {
742
- border-bottom-left-radius: 5px;
743
- border-top-left-radius: 5px;
773
+
774
+ .E_iouxfgt {
775
+ display: inline-flex;
776
+ align-items: center;
777
+
778
+ .icon-inner {
779
+ display: inline-flex;
780
+ align-items: center;
781
+ justify-content: center;
744
782
  }
745
- &.ant-input-group.ant-input-group-compact > *:last-child,
746
- &.ant-input-group.ant-input-group-compact
747
- > .ant-select:last-child
748
- > .ant-select-selector,
749
- &.ant-input-group.ant-input-group-compact
750
- > .ant-calendar-picker:last-child
751
- .ant-input,
752
- &.ant-input-group.ant-input-group-compact
753
- > .ant-select-auto-complete:last-child
754
- .ant-input,
755
- &.ant-input-group.ant-input-group-compact
756
- > .ant-cascader-picker:last-child
757
- .ant-input,
758
- &.ant-input-group.ant-input-group-compact
759
- > .ant-cascader-picker-focused:last-child
760
- .ant-input,
761
- &.ant-input-group.ant-input-group-compact
762
- > .ant-mention-wrapper:last-child
763
- .ant-mention-editor,
764
- &.ant-input-group.ant-input-group-compact
765
- > .ant-time-picker:last-child
766
- .ant-time-picker-input {
767
- border-bottom-right-radius: 5px;
768
- border-top-right-radius: 5px;
783
+ .icon-inner + span,
784
+ span + .icon-inner.suffix {
785
+ margin-left: 4px;
786
+ }
787
+ &.is-rotate {
788
+ img,
789
+ svg {
790
+ animation: rotate 680ms linear infinite;
791
+ }
769
792
  }
770
793
  }
771
794
 
@@ -851,40 +874,27 @@
851
874
  }
852
875
 
853
876
 
854
- .E_a1wfy30z {
855
- .ant-input-number-handler-wrap {
856
- display: var(--a1wfy30z-0);
857
- }
858
- .ant-input-number-input-wrap {
859
- padding: 4px 11px;
860
- display: inline-flex;
861
- line-height: 1.5715;
862
- height: inherit;
863
- }
877
+ .E_i1inqkme {
878
+ height: 18px;
879
+ line-height: 18px;
880
+ padding: 0 4px;
881
+ border-radius: 4px;
882
+ background: rgba(235, 239, 245, 0.6);
883
+ border: 1px solid rgba(223, 228, 235, 0.6);
884
+ display: flex;
885
+ align-items: center;
886
+ white-space: nowrap;
887
+ margin-right: 4px;
888
+ }
864
889
 
865
- .ant-input-number-input-wrap::after {
866
- content: var(--a1wfy30z-1);
867
- display: var(--a1wfy30z-2);
868
- flex: none;
869
- align-items: center;
870
- margin-left: 4px;
871
- }
872
890
 
873
- .ant-input-number-input-wrap::before {
874
- content: var(--a1wfy30z-3);
875
- display: var(--a1wfy30z-4);
876
- flex: none;
877
- align-items: center;
878
- margin-right: 4px;
879
- cursor: auto;
880
- }
891
+ .E_owd0kml {
892
+ display: inline-block;
893
+ }
881
894
 
882
- .ant-input-number-input {
883
- padding: 0;
884
- margin: 0;
885
- height: auto;
886
- font-size: inherit;
887
- }
895
+ .E_h1jsgezc {
896
+ visibility: hidden;
897
+ position: absolute;
888
898
  }
889
899
 
890
900
 
@@ -955,8 +965,40 @@
955
965
  }
956
966
 
957
967
 
958
- .E_rapgekc {
959
- &.ant-radio-wrapper {
968
+ .E_i11gg7mj {
969
+ .ant-input-prefix {
970
+ margin-right: 8px;
971
+ }
972
+ .ant-input-suffix {
973
+ margin-left: 8px;
974
+ }
975
+ }
976
+
977
+ .E_cc368xp {
978
+ color: $gray-120;
979
+ border-right: 1px solid $gray-a60-5;
980
+ margin-right: 8px;
981
+ padding-right: 8px;
982
+ }
983
+
984
+ .E_i11o6xqj {
985
+ display: flex;
986
+ gap: 4px;
987
+
988
+ .icon-wrapper {
989
+ cursor: pointer;
990
+ }
991
+ }
992
+
993
+ .E_d19ruhdj {
994
+ &.icon-wrapper {
995
+ cursor: not-allowed;
996
+ }
997
+ }
998
+
999
+
1000
+ .E_rapgekc {
1001
+ &.ant-radio-wrapper {
960
1002
  display: inline-flex;
961
1003
  align-items: baseline;
962
1004
  white-space: pre-wrap;
@@ -1136,48 +1178,6 @@
1136
1178
  }
1137
1179
 
1138
1180
 
1139
- .E_owd0kml {
1140
- display: inline-block;
1141
- }
1142
-
1143
- .E_h1jsgezc {
1144
- visibility: hidden;
1145
- position: absolute;
1146
- }
1147
-
1148
-
1149
- .E_i11gg7mj {
1150
- .ant-input-prefix {
1151
- margin-right: 8px;
1152
- }
1153
- .ant-input-suffix {
1154
- margin-left: 8px;
1155
- }
1156
- }
1157
-
1158
- .E_cc368xp {
1159
- color: $gray-120;
1160
- border-right: 1px solid $gray-a60-5;
1161
- margin-right: 8px;
1162
- padding-right: 8px;
1163
- }
1164
-
1165
- .E_i11o6xqj {
1166
- display: flex;
1167
- gap: 4px;
1168
-
1169
- .icon-wrapper {
1170
- cursor: pointer;
1171
- }
1172
- }
1173
-
1174
- .E_d19ruhdj {
1175
- &.icon-wrapper {
1176
- cursor: not-allowed;
1177
- }
1178
- }
1179
-
1180
-
1181
1181
  .E_ivqqkzv {
1182
1182
  height: 24px;
1183
1183
  width: 56px !important;
@@ -1189,65 +1189,6 @@
1189
1189
  }
1190
1190
 
1191
1191
 
1192
- .E_c1bus5hc {
1193
- --color: white;
1194
- height: 14px;
1195
- width: 14px;
1196
- border-radius: 50%;
1197
- flex-shrink: 0;
1198
- display: flex;
1199
- align-items: center;
1200
- justify-content: center;
1201
- border: 1px solid var(--color);
1202
-
1203
- .circle-inner {
1204
- position: relative;
1205
- height: 10px;
1206
- width: 10px;
1207
- border-radius: 50%;
1208
- overflow: hidden;
1209
- }
1210
-
1211
- .circle-content {
1212
- position: absolute;
1213
- height: 100%;
1214
- width: 100%;
1215
- left: 0;
1216
- top: 0;
1217
- border-radius: 50%;
1218
- background: linear-gradient(to right, var(--color) 50%, white 50%);
1219
- transform: rotate(180deg);
1220
- }
1221
-
1222
- .circle-child {
1223
- position: absolute;
1224
- height: 100%;
1225
- width: 100%;
1226
- left: 0;
1227
- top: 0;
1228
- margin-left: 50%;
1229
- transform-origin: left;
1230
- background: white;
1231
- transform: rotate(0deg);
1232
- }
1233
- }
1234
-
1235
-
1236
- .E_c1yyuluq {
1237
- border-radius: 8px;
1238
- .ant-card-body {
1239
- padding: 20px 24px 24px 24px;
1240
- }
1241
- }
1242
-
1243
-
1244
- .E_tju3gfj {
1245
- .date {
1246
- margin-right: 4px;
1247
- }
1248
- }
1249
-
1250
-
1251
1192
  .E_cnujxq2 {
1252
1193
  display: flex;
1253
1194
  flex-direction: column;
@@ -2061,6 +2002,110 @@
2061
2002
  }
2062
2003
 
2063
2004
 
2005
+ .E_s1dizucg {
2006
+ &.ant-switch {
2007
+ min-width: 40px;
2008
+ height: 24px;
2009
+ background: $fills-trans-quinary-light;
2010
+ overflow: hidden;
2011
+ &:focus {
2012
+ box-shadow: 0 0 0 2px $strokes-light-trans-1;
2013
+ }
2014
+ }
2015
+ &.ant-switch-small {
2016
+ min-width: 26px;
2017
+ height: 16px;
2018
+ }
2019
+ &.ant-switch-large {
2020
+ min-width: 52px;
2021
+ height: 32px;
2022
+ }
2023
+
2024
+ &.ant-switch .ant-switch-handle {
2025
+ height: 20px;
2026
+ width: 20px;
2027
+ &::before {
2028
+ border-radius: 10px;
2029
+ transition-delay: 120ms;
2030
+ }
2031
+ }
2032
+ &.ant-switch-small .ant-switch-handle {
2033
+ height: 14px;
2034
+ width: 14px;
2035
+ top: 1px;
2036
+ left: 1px;
2037
+ }
2038
+ &.ant-switch-large .ant-switch-handle {
2039
+ height: 28px;
2040
+ width: 28px;
2041
+ &::before {
2042
+ border-radius: 14px;
2043
+ }
2044
+ }
2045
+
2046
+ &.ant-switch-checked {
2047
+ background-color: $green-60;
2048
+ }
2049
+ &.ant-switch-checked .ant-switch-handle {
2050
+ left: calc(100% - 20px - 2px);
2051
+ }
2052
+ &.ant-switch-small.ant-switch-checked .ant-switch-handle {
2053
+ left: calc(100% - 14px - 1px);
2054
+ }
2055
+ &.ant-switch-large.ant-switch-checked .ant-switch-handle {
2056
+ left: calc(100% - 28px - 2px);
2057
+ }
2058
+ }
2059
+
2060
+ .E_c1up6e3y {
2061
+ margin-left: 5px;
2062
+ }
2063
+
2064
+
2065
+ .E_c1bus5hc {
2066
+ --color: white;
2067
+ height: 14px;
2068
+ width: 14px;
2069
+ border-radius: 50%;
2070
+ flex-shrink: 0;
2071
+ display: flex;
2072
+ align-items: center;
2073
+ justify-content: center;
2074
+ border: 1px solid var(--color);
2075
+
2076
+ .circle-inner {
2077
+ position: relative;
2078
+ height: 10px;
2079
+ width: 10px;
2080
+ border-radius: 50%;
2081
+ overflow: hidden;
2082
+ }
2083
+
2084
+ .circle-content {
2085
+ position: absolute;
2086
+ height: 100%;
2087
+ width: 100%;
2088
+ left: 0;
2089
+ top: 0;
2090
+ border-radius: 50%;
2091
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
2092
+ transform: rotate(180deg);
2093
+ }
2094
+
2095
+ .circle-child {
2096
+ position: absolute;
2097
+ height: 100%;
2098
+ width: 100%;
2099
+ left: 0;
2100
+ top: 0;
2101
+ margin-left: 50%;
2102
+ transform-origin: left;
2103
+ background: white;
2104
+ transform: rotate(0deg);
2105
+ }
2106
+ }
2107
+
2108
+
2064
2109
  .E_s1dni7lo {
2065
2110
  width: 430px !important;
2066
2111
  }
@@ -2150,22 +2195,120 @@
2150
2195
  }
2151
2196
 
2152
2197
 
2153
- .E_dsnbhzf {
2154
- @include Inter(bold);
2155
- font-size: 32px;
2156
- line-height: 40px;
2198
+ .E_tju3gfj {
2199
+ .date {
2200
+ margin-right: 4px;
2201
+ }
2157
2202
  }
2158
2203
 
2159
- .E_d1mvo22k {
2160
- @include Inter(bold);
2161
- font-size: 24px;
2162
- line-height: 32px;
2163
- }
2164
2204
 
2165
- .E_d1b444tr {
2166
- @include Inter();
2167
- font-size: 32px;
2168
- line-height: 40px;
2205
+ .E_s1sck0th {
2206
+ padding: 0 8px;
2207
+ border-radius: 4px;
2208
+ }
2209
+
2210
+ .E_m855nr1 {
2211
+ padding: 2px 8px;
2212
+ border-radius: 3px;
2213
+ }
2214
+
2215
+ .E_l1270xpg {
2216
+ padding: 3px 8px;
2217
+ border-radius: 2px;
2218
+ }
2219
+
2220
+ .E_t14rextb {
2221
+ &.ant-tag:hover {
2222
+ opacity: unset;
2223
+ }
2224
+ &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
2225
+ margin: 0;
2226
+ margin-right: 8px;
2227
+ display: inline-flex;
2228
+ align-items: center;
2229
+ border: none;
2230
+ & .ant-tag-close-icon {
2231
+ width: 16px;
2232
+ height: 16px;
2233
+ color: inherit;
2234
+ margin-left: 4px;
2235
+ opacity: 0.6;
2236
+ display: inline-flex;
2237
+ &:hover {
2238
+ opacity: 1;
2239
+ }
2240
+ }
2241
+ &.ant-tag-blue {
2242
+ color: $fills-light-general-general;
2243
+ background-color: $fills-light-general-general-light;
2244
+ }
2245
+ &.ant-tag-red {
2246
+ color: $fills-light-serious-serious;
2247
+ background-color: $fills-light-serious-serious-light;
2248
+ }
2249
+ &.ant-tag-yellow {
2250
+ color: $fills-light-notice-notice-dark;
2251
+ background-color: $fills-light-notice-notice-light;
2252
+ }
2253
+ &.ant-tag-green {
2254
+ color: $fills-light-positive-positive-dark;
2255
+ background-color: $fills-light-positive-positive-light;
2256
+ }
2257
+ &.ant-tag-gray {
2258
+ color: $text-light-super;
2259
+ background-color: $fills-element-light-container-general;
2260
+ }
2261
+ &.ant-tag-purple {
2262
+ color: $text-colorful-purple;
2263
+ background-color: $fill-purple-light;
2264
+ }
2265
+
2266
+ &.ui-kit-token-checked {
2267
+ color: $text-light-on-tint;
2268
+ &.ant-tag-red {
2269
+ background-color: $fills-light-serious-serious;
2270
+ }
2271
+ &.ant-tag-yellow {
2272
+ background-color: $fills-light-notice-notice;
2273
+ }
2274
+ &.ant-tag-green {
2275
+ background-color: $fills-light-positive-positive;
2276
+ }
2277
+ &.ant-tag-blue {
2278
+ background-color: $fills-light-general-general;
2279
+ }
2280
+ &.ant-tag-gray {
2281
+ background-color: $gray-70;
2282
+ }
2283
+ &.ant-tag-purple {
2284
+ background-color: $fill-purple-base;
2285
+ }
2286
+ }
2287
+ }
2288
+ }
2289
+
2290
+
2291
+ .E_iq1gosr {
2292
+ display: inline-block;
2293
+ }
2294
+
2295
+
2296
+ .E_dsnbhzf {
2297
+ @include Inter(bold);
2298
+ font-size: 32px;
2299
+ line-height: 40px;
2300
+ }
2301
+
2302
+ .E_d1mvo22k {
2303
+ @include Inter(bold);
2304
+ font-size: 24px;
2305
+ line-height: 32px;
2306
+ }
2307
+
2308
+ .E_d1b444tr {
2309
+ @include Inter();
2310
+ font-size: 32px;
2311
+ line-height: 40px;
2169
2312
  }
2170
2313
 
2171
2314
  .E_dvs0kue {
@@ -2504,244 +2647,236 @@
2504
2647
  }
2505
2648
 
2506
2649
 
2507
- .E_s1dizucg {
2508
- &.ant-switch {
2509
- min-width: 40px;
2510
- height: 24px;
2511
- background: $fills-trans-quinary-light;
2512
- overflow: hidden;
2513
- &:focus {
2514
- box-shadow: 0 0 0 2px $strokes-light-trans-1;
2515
- }
2650
+ .E_t1m2x205 {
2651
+ .ant-tooltip-arrow {
2652
+ display: none;
2516
2653
  }
2517
- &.ant-switch-small {
2518
- min-width: 26px;
2519
- height: 16px;
2654
+ .ant-tooltip-inner {
2655
+ background: $gray-a80-9;
2656
+ border-radius: 4px;
2657
+ &:has(.eagle-ellipsis-content) {
2658
+ visibility: hidden;
2659
+ }
2520
2660
  }
2521
- &.ant-switch-large {
2522
- min-width: 52px;
2523
- height: 32px;
2661
+ }
2662
+
2663
+
2664
+ .E_m196gn1d {
2665
+ min-width: 1280px;
2666
+ }
2667
+
2668
+
2669
+ .E_a1b5xrg3 {
2670
+ .user-icon-inner {
2671
+ display: inline-flex;
2672
+ align-items: center;
2673
+ justify-content: center;
2674
+ color: $white;
2675
+ font-weight: bold;
2676
+ font-size: 12px;
2677
+ width: 24px;
2678
+ height: 24px;
2679
+ border-radius: 50%;
2680
+ background: var(--a1b5xrg3-0);
2524
2681
  }
2682
+ &.btn-item {
2683
+ transition: all 160ms ease;
2684
+ cursor: pointer;
2685
+ width: 56px;
2686
+ height: 40px;
2687
+ display: inline-flex;
2688
+ align-items: center;
2689
+ justify-content: center;
2690
+ border-radius: 6px;
2525
2691
 
2526
- &.ant-switch .ant-switch-handle {
2527
- height: 20px;
2528
- width: 20px;
2529
- &::before {
2530
- border-radius: 10px;
2531
- transition-delay: 120ms;
2692
+ &:hover {
2693
+ box-shadow:
2694
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
2695
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2532
2696
  }
2533
- }
2534
- &.ant-switch-small .ant-switch-handle {
2535
- height: 14px;
2536
- width: 14px;
2537
- top: 1px;
2538
- left: 1px;
2539
- }
2540
- &.ant-switch-large .ant-switch-handle {
2541
- height: 28px;
2542
- width: 28px;
2543
- &::before {
2544
- border-radius: 14px;
2697
+
2698
+ &:active {
2699
+ transform: translateY(2px);
2700
+ transition: all 320ms ease;
2545
2701
  }
2546
2702
  }
2703
+ }
2547
2704
 
2548
- &.ant-switch-checked {
2549
- background-color: $green-60;
2550
- }
2551
- &.ant-switch-checked .ant-switch-handle {
2552
- left: calc(100% - 20px - 2px);
2553
- }
2554
- &.ant-switch-small.ant-switch-checked .ant-switch-handle {
2555
- left: calc(100% - 14px - 1px);
2556
- }
2557
- &.ant-switch-large.ant-switch-checked .ant-switch-handle {
2558
- left: calc(100% - 28px - 2px);
2705
+
2706
+ .E_c1yyuluq {
2707
+ border-radius: 8px;
2708
+ .ant-card-body {
2709
+ padding: 20px 24px 24px 24px;
2559
2710
  }
2560
2711
  }
2561
2712
 
2562
- .E_c1up6e3y {
2563
- margin-left: 5px;
2564
- }
2565
2713
 
2714
+ .E_ccrbeuz {
2715
+ .ant-collapse-item {
2716
+ border: 0px;
2717
+ background-color: $fills-light-white;
2566
2718
 
2567
- .E_s1sck0th {
2568
- padding: 0 8px;
2569
- border-radius: 4px;
2719
+ .ant-collapse-header {
2720
+ padding-top: 0px;
2721
+ padding-bottom: 0px;
2722
+ padding-left: 0px !important;
2723
+ padding-right: 24px;
2724
+ .ant-collapse-arrow {
2725
+ right: 0px;
2726
+ }
2727
+ }
2728
+ .ant-collapse-content {
2729
+ .ant-collapse-content-box {
2730
+ padding: 0px;
2731
+ }
2732
+ }
2570
2733
  }
2734
+ }
2571
2735
 
2572
- .E_m855nr1 {
2573
- padding: 2px 8px;
2574
- border-radius: 3px;
2736
+ .E_c1fljvag {
2737
+ .ant-collapse-item {
2738
+ .ant-collapse-header {
2739
+ padding-right: 0px;
2740
+ cursor: default;
2741
+ }
2575
2742
  }
2743
+ }
2576
2744
 
2577
- .E_l1270xpg {
2578
- padding: 3px 8px;
2579
- border-radius: 2px;
2745
+
2746
+ .E_ryby9ds {
2747
+ display: flex;
2748
+ align-items: center;
2749
+ .order {
2750
+ height: 24px;
2751
+ width: 24px;
2752
+ border-radius: 20px;
2753
+ color: $text-light-general;
2754
+ background: $fill-light-element-container-outstanding;
2755
+ display: flex;
2756
+ align-items: center;
2757
+ justify-content: center;
2758
+ margin-right: 6px;
2580
2759
  }
2760
+ }
2581
2761
 
2582
- .E_t14rextb {
2583
- &.ant-tag:hover {
2584
- opacity: unset;
2762
+
2763
+ .E_s17wv897 {
2764
+ &.ant-select,
2765
+ &.ant-select div.ant-select-selector {
2766
+ border-radius: 6px;
2585
2767
  }
2586
- &.ant-tag.ui-kit-token:not(.ant-tag-hidden) {
2587
- margin: 0;
2588
- margin-right: 8px;
2589
- display: inline-flex;
2590
- align-items: center;
2591
- border: none;
2592
- & .ant-tag-close-icon {
2593
- width: 16px;
2594
- height: 16px;
2595
- color: inherit;
2596
- margin-left: 4px;
2597
- opacity: 0.6;
2598
- display: inline-flex;
2599
- &:hover {
2600
- opacity: 1;
2601
- }
2602
- }
2603
- &.ant-tag-blue {
2604
- color: $fills-light-general-general;
2605
- background-color: $fills-light-general-general-light;
2606
- }
2607
- &.ant-tag-red {
2608
- color: $fills-light-serious-serious;
2609
- background-color: $fills-light-serious-serious-light;
2610
- }
2611
- &.ant-tag-yellow {
2612
- color: $fills-light-notice-notice-dark;
2613
- background-color: $fills-light-notice-notice-light;
2614
- }
2615
- &.ant-tag-green {
2616
- color: $fills-light-positive-positive-dark;
2617
- background-color: $fills-light-positive-positive-light;
2618
- }
2619
- &.ant-tag-gray {
2620
- color: $text-light-super;
2621
- background-color: $fills-element-light-container-general;
2622
- }
2623
- &.ant-tag-purple {
2624
- color: $text-colorful-purple;
2625
- background-color: $fill-purple-light;
2626
- }
2627
2768
 
2628
- &.ui-kit-token-checked {
2629
- color: $text-light-on-tint;
2630
- &.ant-tag-red {
2631
- background-color: $fills-light-serious-serious;
2632
- }
2633
- &.ant-tag-yellow {
2634
- background-color: $fills-light-notice-notice;
2769
+ &.ant-select {
2770
+ &.ant-select-single {
2771
+ width: 100%;
2772
+ &[data-size="small"] {
2635
2773
  }
2636
- &.ant-tag-green {
2637
- background-color: $fills-light-positive-positive;
2774
+ &[data-size="middle"] {
2775
+ height: 30px;
2638
2776
  }
2639
- &.ant-tag-blue {
2640
- background-color: $fills-light-general-general;
2777
+ &[data-size="large"] {
2641
2778
  }
2642
- &.ant-tag-gray {
2643
- background-color: $gray-70;
2779
+ color: $text-primary-light;
2780
+ border-color: $strokes-light-trans-2;
2781
+ transition:
2782
+ border 160ms ease 8ms,
2783
+ box-shadow 160ms ease 8ms;
2784
+ font-size: 13px;
2785
+
2786
+ &.ant-select-lg {
2787
+ height: 38px;
2788
+ font-size: 13px;
2644
2789
  }
2645
- &.ant-tag-purple {
2646
- background-color: $fill-purple-base;
2790
+
2791
+ .ant-select-arrow,
2792
+ .ant-select-arrow .anticon-down {
2793
+ transition: 160ms ease;
2647
2794
  }
2648
- }
2649
- }
2650
- }
2651
2795
 
2796
+ .ant-select-arrow-loading {
2797
+ color: $fills-light-general-general;
2798
+ }
2652
2799
 
2653
- .E_iq1gosr {
2654
- display: inline-block;
2655
- }
2800
+ &:not(.ant-select-disabled) {
2801
+ &:hover .ant-select-selector,
2802
+ &.__pseudo-states-hover .ant-select-selector {
2803
+ border-color: $strokes-light-trans-4;
2804
+ box-shadow: $shadow-light-hover;
2805
+ }
2656
2806
 
2807
+ &:hover .ant-select-arrow,
2808
+ &.__pseudo-states-hover .ant-select-arrow {
2809
+ color: $fills-light-general-general;
2810
+ }
2657
2811
 
2658
- .E_a1b5xrg3 {
2659
- .user-icon-inner {
2660
- display: inline-flex;
2661
- align-items: center;
2662
- justify-content: center;
2663
- color: $white;
2664
- font-weight: bold;
2665
- font-size: 12px;
2666
- width: 24px;
2667
- height: 24px;
2668
- border-radius: 50%;
2669
- background: var(--a1b5xrg3-0);
2670
- }
2671
- &.btn-item {
2672
- transition: all 160ms ease;
2673
- cursor: pointer;
2674
- width: 56px;
2675
- height: 40px;
2676
- display: inline-flex;
2677
- align-items: center;
2678
- justify-content: center;
2679
- border-radius: 6px;
2812
+ &:active,
2813
+ &:focus,
2814
+ &.ant-select-focused,
2815
+ &.ant-select-open,
2816
+ &.__pseudo-states-active,
2817
+ &.__pseudo-states-focus {
2818
+ .ant-select-selector {
2819
+ border-color: $fills-light-general-general;
2820
+ box-shadow: $shadow-light-active;
2821
+ }
2822
+ }
2680
2823
 
2681
- &:hover {
2682
- box-shadow:
2683
- 0px 0px 20px rgba(107, 125, 153, 0.18),
2684
- 0px 25px 80px rgba(45, 58, 86, 0.3);
2685
- }
2824
+ &.ant-select-open .ant-select-arrow .anticon-down {
2825
+ transform: rotate(180deg);
2826
+ }
2827
+ }
2686
2828
 
2687
- &:active {
2688
- transform: translateY(2px);
2689
- transition: all 320ms ease;
2829
+ &.ant-select-disabled .ant-select-selector {
2830
+ background: $fills-light-trans-3;
2831
+ border-color: $strokes-light-trans-3;
2832
+ cursor: "not-allowed";
2833
+ }
2690
2834
  }
2691
- }
2692
- }
2693
-
2835
+ &.select-error:not(.ant-select-disabled) {
2836
+ .ant-select-selector {
2837
+ border-color: $fills-light-serious-serious !important;
2838
+ }
2694
2839
 
2695
- .E_m196gn1d {
2696
- min-width: 1280px;
2697
- }
2840
+ &:hover .ant-select-arrow,
2841
+ &.__pseudo-states-hover .ant-select-arrow {
2842
+ color: $text-light-super;
2843
+ }
2698
2844
 
2845
+ &:active,
2846
+ &:focus,
2847
+ &.ant-select-focused,
2848
+ &.ant-select-open,
2849
+ &.__pseudo-states-focus,
2850
+ &.__pseudo-states-active {
2851
+ .ant-select-selector {
2852
+ border-color: $fills-light-general-general;
2853
+ box-shadow: $shadow-light-error;
2854
+ }
2855
+ }
2699
2856
 
2700
- .E_t1m2x205 {
2701
- .ant-tooltip-arrow {
2702
- display: none;
2703
- }
2704
- .ant-tooltip-inner {
2705
- background: $gray-a80-9;
2706
- border-radius: 4px;
2707
- &:has(.eagle-ellipsis-content) {
2708
- visibility: hidden;
2857
+ &.ant-select-open .ant-select-arrow .anticon-down {
2858
+ transform: rotate(180deg);
2859
+ }
2709
2860
  }
2710
2861
  }
2711
2862
  }
2712
2863
 
2713
2864
 
2714
- .E_ccrbeuz {
2715
- .ant-collapse-item {
2716
- border: 0px;
2717
- background-color: $fills-light-white;
2718
-
2719
- .ant-collapse-header {
2720
- padding-top: 0px;
2721
- padding-bottom: 0px;
2722
- padding-left: 0px !important;
2723
- padding-right: 24px;
2724
- .ant-collapse-arrow {
2725
- right: 0px;
2726
- }
2727
- }
2728
- .ant-collapse-content {
2729
- .ant-collapse-content-box {
2730
- padding: 0px;
2865
+ .E_suhck3k {
2866
+ height: 24px;
2867
+ width: 24px;
2868
+ border-radius: 6px;
2869
+ padding: 4px;
2870
+ &:hover {
2871
+ background-color: $fill-outstanding-light;
2872
+ svg {
2873
+ path {
2874
+ fill: blue;
2731
2875
  }
2732
2876
  }
2733
2877
  }
2734
2878
  }
2735
2879
 
2736
- .E_c1fljvag {
2737
- .ant-collapse-item {
2738
- .ant-collapse-header {
2739
- padding-right: 0px;
2740
- cursor: default;
2741
- }
2742
- }
2743
- }
2744
-
2745
2880
 
2746
2881
  .E_hrhfj7c {
2747
2882
  display: none;
@@ -2935,154 +3070,19 @@
2935
3070
  }
2936
3071
 
2937
3072
 
2938
- .E_s17wv897 {
2939
- &.ant-select,
2940
- &.ant-select div.ant-select-selector {
2941
- border-radius: 6px;
3073
+ .E_s4ivdfu {
3074
+ &.ant-select {
3075
+ .ant-select-selection-placeholder {
3076
+ opacity: 1;
3077
+ }
3078
+
3079
+ &.select-loading-value {
3080
+ pointer-events: none;
3081
+ }
2942
3082
  }
3083
+ }
2943
3084
 
2944
- &.ant-select {
2945
- &.ant-select-single {
2946
- width: 100%;
2947
- &[data-size="small"] {
2948
- }
2949
- &[data-size="middle"] {
2950
- height: 30px;
2951
- }
2952
- &[data-size="large"] {
2953
- }
2954
- color: $text-primary-light;
2955
- border-color: $strokes-light-trans-2;
2956
- transition:
2957
- border 160ms ease 8ms,
2958
- box-shadow 160ms ease 8ms;
2959
- font-size: 13px;
2960
-
2961
- &.ant-select-lg {
2962
- height: 38px;
2963
- font-size: 13px;
2964
- }
2965
-
2966
- .ant-select-arrow,
2967
- .ant-select-arrow .anticon-down {
2968
- transition: 160ms ease;
2969
- }
2970
-
2971
- .ant-select-arrow-loading {
2972
- color: $fills-light-general-general;
2973
- }
2974
-
2975
- &:not(.ant-select-disabled) {
2976
- &:hover .ant-select-selector,
2977
- &.__pseudo-states-hover .ant-select-selector {
2978
- border-color: $strokes-light-trans-4;
2979
- box-shadow: $shadow-light-hover;
2980
- }
2981
-
2982
- &:hover .ant-select-arrow,
2983
- &.__pseudo-states-hover .ant-select-arrow {
2984
- color: $fills-light-general-general;
2985
- }
2986
-
2987
- &:active,
2988
- &:focus,
2989
- &.ant-select-focused,
2990
- &.ant-select-open,
2991
- &.__pseudo-states-active,
2992
- &.__pseudo-states-focus {
2993
- .ant-select-selector {
2994
- border-color: $fills-light-general-general;
2995
- box-shadow: $shadow-light-active;
2996
- }
2997
- }
2998
-
2999
- &.ant-select-open .ant-select-arrow .anticon-down {
3000
- transform: rotate(180deg);
3001
- }
3002
- }
3003
-
3004
- &.ant-select-disabled .ant-select-selector {
3005
- background: $fills-light-trans-3;
3006
- border-color: $strokes-light-trans-3;
3007
- cursor: "not-allowed";
3008
- }
3009
- }
3010
- &.select-error:not(.ant-select-disabled) {
3011
- .ant-select-selector {
3012
- border-color: $fills-light-serious-serious !important;
3013
- }
3014
-
3015
- &:hover .ant-select-arrow,
3016
- &.__pseudo-states-hover .ant-select-arrow {
3017
- color: $text-light-super;
3018
- }
3019
-
3020
- &:active,
3021
- &:focus,
3022
- &.ant-select-focused,
3023
- &.ant-select-open,
3024
- &.__pseudo-states-focus,
3025
- &.__pseudo-states-active {
3026
- .ant-select-selector {
3027
- border-color: $fills-light-general-general;
3028
- box-shadow: $shadow-light-error;
3029
- }
3030
- }
3031
-
3032
- &.ant-select-open .ant-select-arrow .anticon-down {
3033
- transform: rotate(180deg);
3034
- }
3035
- }
3036
- }
3037
- }
3038
-
3039
-
3040
- .E_suhck3k {
3041
- height: 24px;
3042
- width: 24px;
3043
- border-radius: 6px;
3044
- padding: 4px;
3045
- &:hover {
3046
- background-color: $fill-outstanding-light;
3047
- svg {
3048
- path {
3049
- fill: blue;
3050
- }
3051
- }
3052
- }
3053
- }
3054
-
3055
-
3056
- .E_ryby9ds {
3057
- display: flex;
3058
- align-items: center;
3059
- .order {
3060
- height: 24px;
3061
- width: 24px;
3062
- border-radius: 20px;
3063
- color: $text-light-general;
3064
- background: $fill-light-element-container-outstanding;
3065
- display: flex;
3066
- align-items: center;
3067
- justify-content: center;
3068
- margin-right: 6px;
3069
- }
3070
- }
3071
-
3072
-
3073
- .E_s4ivdfu {
3074
- &.ant-select {
3075
- .ant-select-selection-placeholder {
3076
- opacity: 1;
3077
- }
3078
-
3079
- &.select-loading-value {
3080
- pointer-events: none;
3081
- }
3082
- }
3083
- }
3084
-
3085
- .E_sks9xr8 {
3085
+ .E_sks9xr8 {
3086
3086
  &.ant-select {
3087
3087
  .select-hover-suffix,
3088
3088
  .select-active-suffix,
@@ -3299,6 +3299,22 @@
3299
3299
  }
3300
3300
 
3301
3301
 
3302
+ .E_w1dxz879 {
3303
+ display: flex;
3304
+ flex-direction: column;
3305
+ gap: 6px;
3306
+ .ellipsis-tooltip {
3307
+ max-height: var(--w1dxz879-0);
3308
+ text-overflow: clip;
3309
+ overflow: hidden;
3310
+ }
3311
+ .tips {
3312
+ color: #fff;
3313
+ opacity: 0.8;
3314
+ }
3315
+ }
3316
+
3317
+
3302
3318
  .E_h12yihis {
3303
3319
  height: 50px;
3304
3320
  border-bottom: 2px solid #edf0f7;
@@ -3569,18 +3585,82 @@
3569
3585
  }
3570
3586
 
3571
3587
 
3572
- .E_w1dxz879 {
3588
+ .E_r77hffu {
3589
+ display: flex;
3590
+ align-items: center;
3591
+ justify-content: space-between;
3592
+ column-gap: 6px;
3593
+ }
3594
+
3595
+ .E_p1cmxsf7 {
3573
3596
  display: flex;
3574
3597
  flex-direction: column;
3575
- gap: 6px;
3576
- .ellipsis-tooltip {
3577
- max-height: var(--w1dxz879-0);
3578
- text-overflow: clip;
3579
- overflow: hidden;
3598
+ justify-content: center;
3599
+ row-gap: var(--p1cmxsf7-0);
3600
+
3601
+ .antd5-progress-line {
3602
+ font-size: 0;
3603
+ margin-bottom: unset;
3604
+ margin-inline-end: unset;
3580
3605
  }
3581
- .tips {
3582
- color: #fff;
3583
- opacity: 0.8;
3606
+ }
3607
+
3608
+
3609
+ .E_s11wux3h {
3610
+ .antd5-segmented-item:not(:last-child) {
3611
+ margin-right: 2px;
3612
+ }
3613
+ }
3614
+
3615
+ .E_s1t2an3z {
3616
+ &.antd5-segmented-sm .antd5-segmented-item-label {
3617
+ padding-left: 8px;
3618
+ padding-right: 8px;
3619
+ font-size: 12px;
3620
+ }
3621
+
3622
+ &.antd5-segmented-sm .antd5-segmented-item-selected {
3623
+ border-radius: 4px;
3624
+ }
3625
+
3626
+ &.antd5-segmented
3627
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3628
+ .antd5-segmented-item-disabled
3629
+ ) {
3630
+ border-radius: 4px;
3631
+ }
3632
+ }
3633
+
3634
+ .E_ma64lna {
3635
+ .antd5-segmented-item-label {
3636
+ padding-left: 12px;
3637
+ padding-right: 12px;
3638
+ }
3639
+ }
3640
+
3641
+ .E_ckld275 {
3642
+ background-color: $fill-neutral-trans-2;
3643
+ &.antd5-segmented
3644
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3645
+ .antd5-segmented-item-disabled
3646
+ ) {
3647
+ background-color: $fill-neutral-light-white;
3648
+ color: $text-neutral-secondary-light;
3649
+ }
3650
+ // on animate remove hover bg color
3651
+ &.antd5-segmented
3652
+ .antd5-segmented-thumb
3653
+ ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3654
+ .antd5-segmented-item-disabled
3655
+ ) {
3656
+ background-color: transparent;
3657
+ }
3658
+ // remove after's bg color
3659
+ &.antd5-segmented
3660
+ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3661
+ .antd5-segmented-item-disabled
3662
+ )::after {
3663
+ background-color: transparent;
3584
3664
  }
3585
3665
  }
3586
3666
 
@@ -3612,240 +3692,18 @@
3612
3692
  }
3613
3693
 
3614
3694
 
3615
- .E_l48ei06 {
3616
- @at-root {
3617
- button#{&}.ant-btn,
3618
- button#{&}.ant-btn.ant-btn-sm,
3619
- button#{&}.ant-btn.ant-btn-lg {
3620
- font-size: 12px;
3621
- line-height: 18px;
3622
- height: 18px;
3623
- }
3624
- button#{&} {
3625
- color: #0080FF;
3626
- height: unset;
3627
- .button-prefix-icon {
3628
- margin-right: 4px;
3629
- }
3630
- .button-suffix-icon {
3631
- margin-left: 4px;
3632
- }
3695
+ .E_c1yd35n {
3696
+ padding: 0 12px 14px 12px;
3697
+ }
3633
3698
 
3634
- &:hover,
3635
- &.__pseudo-states-hover {
3636
- color: #009DFF;
3637
- }
3638
3699
 
3639
- &:active,
3640
- &.__pseudo-states-active {
3641
- color: #005ED1;
3642
- }
3643
- &.ui-kit-link-disabled {
3644
- color: #0080FF;
3645
- }
3646
- &.ui-kit-link-primary {
3647
- color: #00122E;
3648
-
3649
- &:hover,
3650
- &.__pseudo-states-hover {
3651
- color: #0080FF;
3652
- }
3653
-
3654
- &:active,
3655
- &.__pseudo-states-active {
3656
- color: #005ED1;
3657
- }
3658
-
3659
- &.ui-kit-link-disabled {
3660
- color: #00122E;
3661
- }
3662
- }
3663
-
3664
- &.ui-kit-link-secondary {
3665
- color: #2C3852BF;
3666
-
3667
- &:hover,
3668
- &.__pseudo-states-hover {
3669
- color: #0080FF;
3670
- }
3671
-
3672
- &:active,
3673
- &.__pseudo-states-active {
3674
- color: #005ED1;
3675
- }
3676
-
3677
- &.ui-kit-link-disabled {
3678
- color: #2C3852BF;
3679
- }
3680
- }
3681
- }
3682
- }
3683
- }
3684
-
3685
-
3686
- .E_s11wux3h {
3687
- .antd5-segmented-item:not(:last-child) {
3688
- margin-right: 2px;
3689
- }
3690
- }
3691
-
3692
- .E_s1t2an3z {
3693
- &.antd5-segmented-sm .antd5-segmented-item-label {
3694
- padding-left: 8px;
3695
- padding-right: 8px;
3696
- font-size: 12px;
3697
- }
3698
-
3699
- &.antd5-segmented-sm .antd5-segmented-item-selected {
3700
- border-radius: 4px;
3701
- }
3702
-
3703
- &.antd5-segmented
3704
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3705
- .antd5-segmented-item-disabled
3706
- ) {
3707
- border-radius: 4px;
3708
- }
3709
- }
3710
-
3711
- .E_ma64lna {
3712
- .antd5-segmented-item-label {
3713
- padding-left: 12px;
3714
- padding-right: 12px;
3715
- }
3716
- }
3717
-
3718
- .E_ckld275 {
3719
- background-color: $fill-neutral-trans-2;
3720
- &.antd5-segmented
3721
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3722
- .antd5-segmented-item-disabled
3723
- ) {
3724
- background-color: $fill-neutral-light-white;
3725
- color: $text-neutral-secondary-light;
3726
- }
3727
- // on animate remove hover bg color
3728
- &.antd5-segmented
3729
- .antd5-segmented-thumb
3730
- ~ .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3731
- .antd5-segmented-item-disabled
3732
- ) {
3733
- background-color: transparent;
3734
- }
3735
- // remove after's bg color
3736
- &.antd5-segmented
3737
- .antd5-segmented-item:hover:not(.antd5-segmented-item-selected):not(
3738
- .antd5-segmented-item-disabled
3739
- )::after {
3740
- background-color: transparent;
3741
- }
3742
- }
3743
-
3744
-
3745
- .E_r77hffu {
3746
- display: flex;
3747
- align-items: center;
3748
- justify-content: space-between;
3749
- column-gap: 6px;
3750
- }
3751
-
3752
- .E_p1cmxsf7 {
3753
- display: flex;
3754
- flex-direction: column;
3755
- justify-content: center;
3756
- row-gap: var(--p1cmxsf7-0);
3757
-
3758
- .antd5-progress-line {
3759
- font-size: 0;
3760
- margin-bottom: unset;
3761
- margin-inline-end: unset;
3762
- }
3763
- }
3764
-
3765
-
3766
- .E_l1ucdodl {
3767
- $prefix: ui-kit-status-legend;
3768
- margin: 0;
3769
- border-radius: 20px;
3770
- padding: 2px 10px;
3771
- height: 22px;
3772
- display: flex;
3773
- align-items: center;
3774
-
3775
- &.ui-kit-status-legend.on-tint {
3776
- color: $text-neutral-ontint;
3777
- }
3778
- &.tag-hover {
3779
- cursor: pointer;
3780
- }
3781
-
3782
- &.#{$prefix} {
3783
- color: $text-neutral-primary;
3784
- .#{$prefix}-icon {
3785
- margin-right: 6px;
3786
- }
3787
- .#{$prefix}-number {
3788
- margin-left: 8px;
3789
- color: #2C385299;
3790
- &.#{$prefix}-number.on-tint {
3791
- color: $text-neutral-ontint;
3792
- }
3793
- }
3794
- &.eagle-legend-blue {
3795
- .#{$prefix}-icon {
3796
- background-color: $fill-outstanding-base;
3797
- }
3798
- }
3799
- &.eagle-legend-red {
3800
- .#{$prefix}-icon {
3801
- background-color: $fill-serious-base;
3802
- }
3803
- }
3804
- &.eagle-legend-yellow {
3805
- .#{$prefix}-icon {
3806
- background-color: $fill-notice-base;
3807
- }
3808
- }
3809
- &.eagle-legend-green {
3810
- .#{$prefix}-icon {
3811
- background-color: $fill-positive-base;
3812
- }
3813
- }
3814
- &.eagle-legend-gray {
3815
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
3816
- background-color: $gray-70;
3817
- }
3818
- }
3819
- &.eagle-legend-purple {
3820
- .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
3821
- background-color: $purple-50;
3822
- }
3823
- }
3824
- }
3825
- }
3826
-
3827
- .E_s1qj66nc {
3828
- width: 8px;
3829
- height: 8px;
3830
- border-radius: 50%;
3831
- display: inline-block;
3832
- }
3833
-
3834
- .E_s5x1boq {
3835
- width: 8px;
3836
- height: 8px;
3837
- border-radius: 2px;
3838
- display: inline-block;
3700
+ .E_ckui4s7 {
3701
+ color: $text-primary-light;
3702
+ line-height: 22px;
3703
+ display: inline-flex;
3704
+ .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; } } }
3839
3705
  }
3840
3706
 
3841
- .E_c1xm185 {
3842
- color: #2C385299;
3843
- }
3844
-
3845
- .E_c1x5l5qc {
3846
- flex: 1;
3847
- }
3848
-
3849
3707
 
3850
3708
  .E_c1kghdax {
3851
3709
  color: $text-primary-light;
@@ -3895,134 +3753,37 @@
3895
3753
  }
3896
3754
 
3897
3755
 
3898
- .E_ckui4s7 {
3899
- color: $text-primary-light;
3900
- line-height: 22px;
3901
- display: inline-flex;
3902
- .ant-checkbox { height: 22px; display: flex; align-items: center; top: 0; } .ant-checkbox-checked::after { border: none; } &.ant-checkbox-wrapper:hover .ant-checkbox-inner, &.ant-checkbox-wrapper.__pseudo-states-hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner { border-color: $fills-light-general-general; } .ant-checkbox .ant-checkbox-inner { border: 1px solid $strokes-light-trans-4; } .ant-checkbox.ant-checkbox-checked, .ant-checkbox.ant-checkbox-indeterminate { .ant-checkbox-inner { border: 1px solid $fills-light-general-general; } } .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner { background: $fills-light-general-general; &:after { background-color: $white; height: 2px; width: 10px; border-radius: 2px; } } &.ant-checkbox-wrapper-disabled { opacity: 0.5; .ant-checkbox-disabled .ant-checkbox-inner { background: $fills-light-trans-3; border-color: $strokes-light-trans-4 !important; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after { border-color: $text-primary-light; } .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after { background: $text-primary-light; } } .ant-checkbox + span, .ant-checkbox-disabled + span { padding: 0; .main { display: inline-block; margin-left: 12px; color: $text-primary-light; } .sub { margin-left: 28px; color: $text-secondary-light; } } &.compact { .ant-checkbox + span, .ant-checkbox-disabled + span { .main { margin-left: 8px; } .sub { margin-left: 24px; } } }
3903
- }
3756
+ .E_m11nzl2x {
3757
+ color: $text-light-secondary;
3758
+ text-align: center;
3904
3759
 
3760
+ display: flex;
3761
+ align-items: center;
3762
+ justify-content: center;
3763
+ flex-direction: column;
3764
+ height: 100%;
3905
3765
 
3906
- .E_c1yd35n {
3907
- padding: 0 12px 14px 12px;
3766
+ .link {
3767
+ color: $text-light-general;
3768
+ cursor: pointer;
3769
+ }
3908
3770
  }
3909
3771
 
3772
+ .E_mn7joto {
3773
+ width: 100%;
3774
+ height: 100%;
3775
+ display: flex;
3776
+ flex-direction: column;
3910
3777
 
3911
- .E_sddwhm6 {
3912
- $prefix: ui-kit-status-capsule;
3913
- margin: 0;
3914
- border-radius: 20px;
3915
- padding: 2px 10px;
3916
- height: 22px;
3917
-
3918
- &.ant-tag.#{$prefix}.off-white {
3919
- background-color: $fill-neutral-trans-1 !important;
3920
- &.tag-hover:hover,
3921
- &.__pseudo-states-hover {
3922
- background-color: $fill-neutral-trans-2 !important;
3923
- }
3924
- }
3925
- &.ant-tag.#{$prefix} {
3926
- color: $text-neutral-primary;
3927
- .#{$prefix}-icon {
3928
- margin-right: 6px;
3929
- }
3930
- .#{$prefix}-number {
3931
- margin-left: 8px;
3932
- color: #2C385299;
3933
- }
3934
- &.ant-tag-blue {
3935
- background-color: $fill-outstanding-light;
3936
- .#{$prefix}-icon {
3937
- background-color: $fill-outstanding-base;
3938
- }
3939
- &.tag-hover:hover,
3940
- &.__pseudo-states-hover {
3941
- background-color: $fill-outstanding-light-hover;
3942
- }
3943
- }
3944
- &.ant-tag-red {
3945
- background-color: $fill-serious-light;
3946
- .#{$prefix}-icon {
3947
- background-color: $fill-serious-base;
3948
- }
3949
- &.tag-hover:hover,
3950
- &.__pseudo-states-hover {
3951
- background-color: $fill-serious-light-hover;
3952
- }
3953
- }
3954
- &.ant-tag-yellow {
3955
- background-color: $fill-notice-light;
3956
- .#{$prefix}-icon {
3957
- background-color: $fill-notice-base;
3958
- }
3959
- &.tag-hover:hover,
3960
- &.__pseudo-states-hover {
3961
- background-color: $fill-notice-light-hover;
3962
- }
3963
- }
3964
- &.ant-tag-green {
3965
- background-color: $fill-positive-light;
3966
- .#{$prefix}-icon {
3967
- background-color: $fill-positive-base;
3968
- }
3969
- &.tag-hover:hover,
3970
- &.__pseudo-states-hover {
3971
- background-color: $fill-positive-light-hover;
3972
- }
3973
- }
3974
- &.ant-tag-gray {
3975
- background-color: $fill-neutral-trans-2;
3976
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3977
- background-color: $gray-70;
3978
- }
3979
- &.tag-hover:hover,
3980
- &.__pseudo-states-hover {
3981
- background-color: $fill-neutral-trans-3-trans-2-hover;
3982
- }
3983
- }
3984
- }
3985
- }
3986
-
3987
- .E_satwmqm {
3988
- width: 8px;
3989
- height: 8px;
3990
- border-radius: 50%;
3991
- display: inline-block;
3992
- }
3993
-
3994
-
3995
- .E_m11nzl2x {
3996
- color: $text-light-secondary;
3997
- text-align: center;
3998
-
3999
- display: flex;
4000
- align-items: center;
4001
- justify-content: center;
4002
- flex-direction: column;
4003
- height: 100%;
4004
-
4005
- .link {
4006
- color: $text-light-general;
4007
- cursor: pointer;
4008
- }
4009
- }
4010
-
4011
- .E_mn7joto {
4012
- width: 100%;
4013
- height: 100%;
4014
- display: flex;
4015
- flex-direction: column;
4016
-
4017
- .name-toolbar {
4018
- width: 100%;
4019
- display: flex;
4020
- line-height: 30px;
4021
- justify-content: space-between;
4022
- .metric-extra {
4023
- display: flex;
4024
- font-size: 12px;
4025
- align-items: center;
3778
+ .name-toolbar {
3779
+ width: 100%;
3780
+ display: flex;
3781
+ line-height: 30px;
3782
+ justify-content: space-between;
3783
+ .metric-extra {
3784
+ display: flex;
3785
+ font-size: 12px;
3786
+ align-items: center;
4026
3787
 
4027
3788
  .info-item {
4028
3789
  color: $gray-60;
@@ -4245,58 +4006,490 @@
4245
4006
  animation: loading-indicator1 1100ms ease-out infinite;
4246
4007
  }
4247
4008
 
4248
- .E_ll4n94n {
4249
- position: absolute;
4250
- width: 5px;
4251
- height: 48px;
4252
- left: 40.8px;
4253
- top: 8.4px;
4254
-
4255
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4256
- border-radius: 5px;
4257
- transform: rotate(-8deg);
4258
- transform-origin: top left;
4259
-
4260
- animation: loading-indicator2 1100ms ease-out infinite;
4009
+ .E_ll4n94n {
4010
+ position: absolute;
4011
+ width: 5px;
4012
+ height: 48px;
4013
+ left: 40.8px;
4014
+ top: 8.4px;
4015
+
4016
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4017
+ border-radius: 5px;
4018
+ transform: rotate(-8deg);
4019
+ transform-origin: top left;
4020
+
4021
+ animation: loading-indicator2 1100ms ease-out infinite;
4022
+ }
4023
+
4024
+ .E_l17lbdo6 {
4025
+ position: absolute;
4026
+ width: 5px;
4027
+ height: 48px;
4028
+ left: 52.9px;
4029
+ top: 51.8px;
4030
+
4031
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4032
+ border-radius: 5px;
4033
+ transform: rotate(112deg);
4034
+ transform-origin: top left;
4035
+
4036
+ animation: loading-indicator3 1100ms ease-out infinite;
4037
+ }
4038
+
4039
+
4040
+ .E_msn7nxt {
4041
+ color: $text-light-secondary;
4042
+ text-align: center;
4043
+
4044
+ display: flex;
4045
+ align-items: center;
4046
+ justify-content: center;
4047
+ flex-direction: column;
4048
+ height: 100%;
4049
+
4050
+ .link {
4051
+ color: $text-light-general;
4052
+ cursor: pointer;
4053
+ }
4054
+ }
4055
+
4056
+ .E_mp64wfi {
4057
+ width: 100%;
4058
+ height: 100%;
4059
+ display: flex;
4060
+ flex-direction: column;
4061
+
4062
+ .name-toolbar {
4063
+ width: 100%;
4064
+ display: flex;
4065
+ line-height: 30px;
4066
+ padding: 0 16px;
4067
+ justify-content: space-between;
4068
+ .metric-extra {
4069
+ display: flex;
4070
+ font-size: 12px;
4071
+ align-items: center;
4072
+
4073
+ .info-item {
4074
+ color: $gray-60;
4075
+ }
4076
+ .info-item + .info-item {
4077
+ margin-left: 10px;
4078
+ }
4079
+
4080
+ .menu-trigger {
4081
+ margin-left: 10px;
4082
+ cursor: pointer;
4083
+ }
4084
+ }
4085
+ }
4086
+
4087
+ .content {
4088
+ flex: 1;
4089
+ width: 100%;
4090
+ display: flex;
4091
+ justify-content: center;
4092
+ align-items: center;
4093
+ }
4094
+ .single-content {
4095
+ height: 65px;
4096
+ }
4097
+ }
4098
+
4099
+ .E_l1oyigan {
4100
+ display: flex;
4101
+ align-items: center;
4102
+ white-space: nowrap;
4103
+ overflow: hidden;
4104
+ width: 100%;
4105
+
4106
+ .ant-dropdown-trigger {
4107
+ margin-left: auto;
4108
+ font-size: 12px;
4109
+ }
4110
+ }
4111
+
4112
+ .E_l1noi4n1 {
4113
+ display: flex;
4114
+ justify-content: flex-start;
4115
+ align-items: center;
4116
+ font-size: 12px;
4117
+ cursor: pointer;
4118
+
4119
+ &:not(:last-child) {
4120
+ margin-right: 20px;
4121
+ }
4122
+ &.deselected {
4123
+ opacity: 0.4;
4124
+
4125
+ .color-block {
4126
+ background: #b4beca !important;
4127
+ }
4128
+ }
4129
+ }
4130
+
4131
+ .E_cz19rz6 {
4132
+ display: inline-block;
4133
+ height: 8px;
4134
+ width: 8px;
4135
+ margin-right: 8px;
4136
+ }
4137
+
4138
+ .E_e17r5r9c {
4139
+ .ant-dropdown-menu-item {
4140
+ display: flex;
4141
+ align-items: center;
4142
+ font-size: 12px;
4143
+ margin: 0;
4144
+ }
4145
+ }
4146
+
4147
+ .E_m1y1hhnr {
4148
+ position: relative;
4149
+
4150
+ &.hidden-xaxis .pointer-wrapper {
4151
+ bottom: -12px;
4152
+ }
4153
+
4154
+ .metric-toolbar {
4155
+ display: flex;
4156
+ justify-content: space-between;
4157
+ line-height: 30px;
4158
+ margin: 0 16px;
4159
+
4160
+ .metric-extra {
4161
+ display: flex;
4162
+ font-size: 12px;
4163
+ align-items: center;
4164
+
4165
+ .info-item {
4166
+ color: $gray-60;
4167
+ }
4168
+ .info-item + .info-item {
4169
+ margin-left: 10px;
4170
+ }
4171
+
4172
+ .menu-trigger {
4173
+ margin-left: 10px;
4174
+ cursor: pointer;
4175
+ }
4176
+ }
4177
+ }
4178
+
4179
+ .recharts-xAxis {
4180
+ font-size: 12px;
4181
+ }
4182
+
4183
+ .pointer-wrapper {
4184
+ position: absolute;
4185
+ bottom: 10px;
4186
+ padding: 0 8px;
4187
+ border-radius: 4px;
4188
+ font-size: 12px;
4189
+ color: $white;
4190
+ background: rgba(0, 0, 0, 0.75);
4191
+ transform: translateX(-50%);
4192
+ }
4193
+ }
4194
+
4195
+ .E_tnvijvs {
4196
+ min-width: 200px;
4197
+ }
4198
+
4199
+ .E_t1ub2aex {
4200
+ display: flex;
4201
+ align-items: center;
4202
+ justify-content: space-between;
4203
+ background-color: rgba(0, 0, 0, 0.75);
4204
+ color: #b4beca;
4205
+ font-size: 12px;
4206
+ padding: 3px 6px;
4207
+
4208
+ &:first-child {
4209
+ padding-top: 3px;
4210
+ }
4211
+ &:last-child {
4212
+ padding-bottom: 3px;
4213
+ }
4214
+ .column-value {
4215
+ color: $white;
4216
+ margin-left: 8px;
4217
+ }
4218
+ }
4219
+
4220
+
4221
+ .E_t1gvlxt5 {
4222
+ min-width: 0;
4223
+ flex: 1;
4224
+ .tag {
4225
+ flex: 0 0 auto;
4226
+ }
4227
+ .progress-title {
4228
+ flex: 2;
4229
+ max-width: fit-content;
4230
+ }
4231
+ .progress-desc {
4232
+ flex: 1;
4233
+ max-width: fit-content;
4234
+ }
4235
+ }
4236
+
4237
+ .E_a1ji6r68 {
4238
+ display: flex;
4239
+ align-items: center;
4240
+ column-gap: var(--a1ji6r68-0);
4241
+ }
4242
+
4243
+
4244
+ .E_w7ob4th {
4245
+ &.outside-tag {
4246
+ padding-left: 0;
4247
+ .inside-tag {
4248
+ border-radius: 4px 0 0 4px;
4249
+ padding-right: 4px;
4250
+ margin-right: 4px;
4251
+ }
4252
+ }
4253
+ }
4254
+
4255
+
4256
+ .E_l48ei06 {
4257
+ @at-root {
4258
+ button#{&}.ant-btn,
4259
+ button#{&}.ant-btn.ant-btn-sm,
4260
+ button#{&}.ant-btn.ant-btn-lg {
4261
+ font-size: 12px;
4262
+ line-height: 18px;
4263
+ height: 18px;
4264
+ }
4265
+ button#{&} {
4266
+ color: #0080FF;
4267
+ height: unset;
4268
+ .button-prefix-icon {
4269
+ margin-right: 4px;
4270
+ }
4271
+ .button-suffix-icon {
4272
+ margin-left: 4px;
4273
+ }
4274
+
4275
+ &:hover,
4276
+ &.__pseudo-states-hover {
4277
+ color: #009DFF;
4278
+ }
4279
+
4280
+ &:active,
4281
+ &.__pseudo-states-active {
4282
+ color: #005ED1;
4283
+ }
4284
+ &.ui-kit-link-disabled {
4285
+ color: #0080FF;
4286
+ }
4287
+ &.ui-kit-link-primary {
4288
+ color: #00122E;
4289
+
4290
+ &:hover,
4291
+ &.__pseudo-states-hover {
4292
+ color: #0080FF;
4293
+ }
4294
+
4295
+ &:active,
4296
+ &.__pseudo-states-active {
4297
+ color: #005ED1;
4298
+ }
4299
+
4300
+ &.ui-kit-link-disabled {
4301
+ color: #00122E;
4302
+ }
4303
+ }
4304
+
4305
+ &.ui-kit-link-secondary {
4306
+ color: #2C3852BF;
4307
+
4308
+ &:hover,
4309
+ &.__pseudo-states-hover {
4310
+ color: #0080FF;
4311
+ }
4312
+
4313
+ &:active,
4314
+ &.__pseudo-states-active {
4315
+ color: #005ED1;
4316
+ }
4317
+
4318
+ &.ui-kit-link-disabled {
4319
+ color: #2C3852BF;
4320
+ }
4321
+ }
4322
+ }
4323
+ }
4324
+ }
4325
+
4326
+
4327
+ .E_sddwhm6 {
4328
+ $prefix: ui-kit-status-capsule;
4329
+ margin: 0;
4330
+ border-radius: 20px;
4331
+ padding: 2px 10px;
4332
+ height: 22px;
4333
+
4334
+ &.ant-tag.#{$prefix}.off-white {
4335
+ background-color: $fill-neutral-trans-1 !important;
4336
+ &.tag-hover:hover,
4337
+ &.__pseudo-states-hover {
4338
+ background-color: $fill-neutral-trans-2 !important;
4339
+ }
4340
+ }
4341
+ &.ant-tag.#{$prefix} {
4342
+ color: $text-neutral-primary;
4343
+ .#{$prefix}-icon {
4344
+ margin-right: 6px;
4345
+ }
4346
+ .#{$prefix}-number {
4347
+ margin-left: 8px;
4348
+ color: #2C385299;
4349
+ }
4350
+ &.ant-tag-blue {
4351
+ background-color: $fill-outstanding-light;
4352
+ .#{$prefix}-icon {
4353
+ background-color: $fill-outstanding-base;
4354
+ }
4355
+ &.tag-hover:hover,
4356
+ &.__pseudo-states-hover {
4357
+ background-color: $fill-outstanding-light-hover;
4358
+ }
4359
+ }
4360
+ &.ant-tag-red {
4361
+ background-color: $fill-serious-light;
4362
+ .#{$prefix}-icon {
4363
+ background-color: $fill-serious-base;
4364
+ }
4365
+ &.tag-hover:hover,
4366
+ &.__pseudo-states-hover {
4367
+ background-color: $fill-serious-light-hover;
4368
+ }
4369
+ }
4370
+ &.ant-tag-yellow {
4371
+ background-color: $fill-notice-light;
4372
+ .#{$prefix}-icon {
4373
+ background-color: $fill-notice-base;
4374
+ }
4375
+ &.tag-hover:hover,
4376
+ &.__pseudo-states-hover {
4377
+ background-color: $fill-notice-light-hover;
4378
+ }
4379
+ }
4380
+ &.ant-tag-green {
4381
+ background-color: $fill-positive-light;
4382
+ .#{$prefix}-icon {
4383
+ background-color: $fill-positive-base;
4384
+ }
4385
+ &.tag-hover:hover,
4386
+ &.__pseudo-states-hover {
4387
+ background-color: $fill-positive-light-hover;
4388
+ }
4389
+ }
4390
+ &.ant-tag-gray {
4391
+ background-color: $fill-neutral-trans-2;
4392
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4393
+ background-color: $gray-70;
4394
+ }
4395
+ &.tag-hover:hover,
4396
+ &.__pseudo-states-hover {
4397
+ background-color: $fill-neutral-trans-3-trans-2-hover;
4398
+ }
4399
+ }
4400
+ }
4401
+ }
4402
+
4403
+ .E_satwmqm {
4404
+ width: 8px;
4405
+ height: 8px;
4406
+ border-radius: 50%;
4407
+ display: inline-block;
4408
+ }
4409
+
4410
+
4411
+ .E_l1ucdodl {
4412
+ $prefix: ui-kit-status-legend;
4413
+ margin: 0;
4414
+ border-radius: 20px;
4415
+ padding: 2px 10px;
4416
+ height: 22px;
4417
+ display: flex;
4418
+ align-items: center;
4419
+
4420
+ &.ui-kit-status-legend.on-tint {
4421
+ color: $text-neutral-ontint;
4422
+ }
4423
+ &.tag-hover {
4424
+ cursor: pointer;
4425
+ }
4426
+
4427
+ &.#{$prefix} {
4428
+ color: $text-neutral-primary;
4429
+ .#{$prefix}-icon {
4430
+ margin-right: 6px;
4431
+ }
4432
+ .#{$prefix}-number {
4433
+ margin-left: 8px;
4434
+ color: #2C385299;
4435
+ &.#{$prefix}-number.on-tint {
4436
+ color: $text-neutral-ontint;
4437
+ }
4438
+ }
4439
+ &.eagle-legend-blue {
4440
+ .#{$prefix}-icon {
4441
+ background-color: $fill-outstanding-base;
4442
+ }
4443
+ }
4444
+ &.eagle-legend-red {
4445
+ .#{$prefix}-icon {
4446
+ background-color: $fill-serious-base;
4447
+ }
4448
+ }
4449
+ &.eagle-legend-yellow {
4450
+ .#{$prefix}-icon {
4451
+ background-color: $fill-notice-base;
4452
+ }
4453
+ }
4454
+ &.eagle-legend-green {
4455
+ .#{$prefix}-icon {
4456
+ background-color: $fill-positive-base;
4457
+ }
4458
+ }
4459
+ &.eagle-legend-gray {
4460
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4461
+ background-color: $gray-70;
4462
+ }
4463
+ }
4464
+ &.eagle-legend-purple {
4465
+ .#{$prefix}-icon:not(.ui-kit-status-legend-icon-loading) {
4466
+ background-color: $purple-50;
4467
+ }
4468
+ }
4469
+ }
4470
+ }
4471
+
4472
+ .E_s1qj66nc {
4473
+ width: 8px;
4474
+ height: 8px;
4475
+ border-radius: 50%;
4476
+ display: inline-block;
4261
4477
  }
4262
4478
 
4263
- .E_l17lbdo6 {
4264
- position: absolute;
4265
- width: 5px;
4266
- height: 48px;
4267
- left: 52.9px;
4268
- top: 51.8px;
4269
-
4270
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4271
- border-radius: 5px;
4272
- transform: rotate(112deg);
4273
- transform-origin: top left;
4274
-
4275
- animation: loading-indicator3 1100ms ease-out infinite;
4479
+ .E_s5x1boq {
4480
+ width: 8px;
4481
+ height: 8px;
4482
+ border-radius: 2px;
4483
+ display: inline-block;
4276
4484
  }
4277
4485
 
4486
+ .E_c1xm185 {
4487
+ color: #2C385299;
4488
+ }
4278
4489
 
4279
- .E_t1gvlxt5 {
4280
- min-width: 0;
4281
- flex: 1;
4282
- .tag {
4283
- flex: 0 0 auto;
4284
- }
4285
- .progress-title {
4286
- flex: 2;
4287
- max-width: fit-content;
4288
- }
4289
- .progress-desc {
4290
- flex: 1;
4291
- max-width: fit-content;
4292
- }
4293
- }
4294
-
4295
- .E_a1ji6r68 {
4296
- display: flex;
4297
- align-items: center;
4298
- column-gap: var(--a1ji6r68-0);
4299
- }
4490
+ .E_c1x5l5qc {
4491
+ flex: 1;
4492
+ }
4300
4493
 
4301
4494
 
4302
4495
  .E_tc97u5y {
@@ -4661,259 +4854,110 @@
4661
4854
 
4662
4855
  &:hover:not(.is-blank) {
4663
4856
  background: $fills-light-opaque-1;
4664
- .ant-table-column-sorters .order-icon {
4665
- display: block;
4666
- }
4667
- }
4668
- &.align-right {
4669
- padding-right: $columnAlignRightPaddingRight;
4670
- }
4671
- }
4672
- }
4673
-
4674
- .ant-table-selection-column {
4675
- padding: 0 !important;
4676
-
4677
- .ant-checkbox-wrapper {
4678
- position: absolute;
4679
- left: 50%;
4680
- top: 50%;
4681
- transform: translate(-50%, -50%);
4682
- }
4683
- &:after {
4684
- display: none;
4685
- }
4686
- }
4687
-
4688
- .ant-table-hide-scrollbar {
4689
- background: $white;
4690
- }
4691
- .ant-table-placeholder {
4692
- background: inherit;
4693
-
4694
- td {
4695
- position: static;
4696
- border: none;
4697
- background: inherit !important;
4698
- height: 100px;
4699
- vertical-align: middle;
4700
- }
4701
-
4702
- .table-default-empty,
4703
- .ant-table-expanded-row-fixed {
4704
- font-weight: bold;
4705
- font-size: 20px;
4706
- color: $text-terdiary-light;
4707
- }
4708
- }
4709
- th.ant-table-cell-scrollbar,
4710
- th.cell__action_ {
4711
- z-index: 10;
4712
- }
4713
- td.cell__action_ {
4714
- padding: 0 !important;
4715
- position: relative;
4716
- background: $white;
4717
- > * {
4718
- height: 100%;
4719
- display: flex;
4720
- align-items: center;
4721
- justify-content: flex-end;
4722
- padding-right: 8px;
4723
- }
4724
- .menu-button {
4725
- width: 24px;
4726
- height: 24px;
4727
- cursor: pointer;
4728
- justify-content: center;
4729
- border-radius: 4px;
4730
-
4731
- &:hover {
4732
- background: $white;
4733
- }
4734
- }
4735
- }
4736
- }
4737
- }
4738
-
4739
-
4740
- .E_msn7nxt {
4741
- color: $text-light-secondary;
4742
- text-align: center;
4743
-
4744
- display: flex;
4745
- align-items: center;
4746
- justify-content: center;
4747
- flex-direction: column;
4748
- height: 100%;
4749
-
4750
- .link {
4751
- color: $text-light-general;
4752
- cursor: pointer;
4753
- }
4754
- }
4755
-
4756
- .E_mp64wfi {
4757
- width: 100%;
4758
- height: 100%;
4759
- display: flex;
4760
- flex-direction: column;
4761
-
4762
- .name-toolbar {
4763
- width: 100%;
4764
- display: flex;
4765
- line-height: 30px;
4766
- padding: 0 16px;
4767
- justify-content: space-between;
4768
- .metric-extra {
4769
- display: flex;
4770
- font-size: 12px;
4771
- align-items: center;
4772
-
4773
- .info-item {
4774
- color: $gray-60;
4775
- }
4776
- .info-item + .info-item {
4777
- margin-left: 10px;
4778
- }
4779
-
4780
- .menu-trigger {
4781
- margin-left: 10px;
4782
- cursor: pointer;
4783
- }
4784
- }
4785
- }
4786
-
4787
- .content {
4788
- flex: 1;
4789
- width: 100%;
4790
- display: flex;
4791
- justify-content: center;
4792
- align-items: center;
4793
- }
4794
- .single-content {
4795
- height: 65px;
4796
- }
4797
- }
4798
-
4799
- .E_l1oyigan {
4800
- display: flex;
4801
- align-items: center;
4802
- white-space: nowrap;
4803
- overflow: hidden;
4804
- width: 100%;
4805
-
4806
- .ant-dropdown-trigger {
4807
- margin-left: auto;
4808
- font-size: 12px;
4809
- }
4810
- }
4811
-
4812
- .E_l1noi4n1 {
4813
- display: flex;
4814
- justify-content: flex-start;
4815
- align-items: center;
4816
- font-size: 12px;
4817
- cursor: pointer;
4818
-
4819
- &:not(:last-child) {
4820
- margin-right: 20px;
4821
- }
4822
- &.deselected {
4823
- opacity: 0.4;
4824
-
4825
- .color-block {
4826
- background: #b4beca !important;
4827
- }
4828
- }
4829
- }
4830
-
4831
- .E_cz19rz6 {
4832
- display: inline-block;
4833
- height: 8px;
4834
- width: 8px;
4835
- margin-right: 8px;
4836
- }
4837
-
4838
- .E_e17r5r9c {
4839
- .ant-dropdown-menu-item {
4840
- display: flex;
4841
- align-items: center;
4842
- font-size: 12px;
4843
- margin: 0;
4844
- }
4845
- }
4857
+ .ant-table-column-sorters .order-icon {
4858
+ display: block;
4859
+ }
4860
+ }
4861
+ &.align-right {
4862
+ padding-right: $columnAlignRightPaddingRight;
4863
+ }
4864
+ }
4865
+ }
4846
4866
 
4847
- .E_m1y1hhnr {
4848
- position: relative;
4867
+ .ant-table-selection-column {
4868
+ padding: 0 !important;
4849
4869
 
4850
- &.hidden-xaxis .pointer-wrapper {
4851
- bottom: -12px;
4852
- }
4870
+ .ant-checkbox-wrapper {
4871
+ position: absolute;
4872
+ left: 50%;
4873
+ top: 50%;
4874
+ transform: translate(-50%, -50%);
4875
+ }
4876
+ &:after {
4877
+ display: none;
4878
+ }
4879
+ }
4853
4880
 
4854
- .metric-toolbar {
4855
- display: flex;
4856
- justify-content: space-between;
4857
- line-height: 30px;
4858
- margin: 0 16px;
4881
+ .ant-table-hide-scrollbar {
4882
+ background: $white;
4883
+ }
4884
+ .ant-table-placeholder {
4885
+ background: inherit;
4859
4886
 
4860
- .metric-extra {
4861
- display: flex;
4862
- font-size: 12px;
4863
- align-items: center;
4887
+ td {
4888
+ position: static;
4889
+ border: none;
4890
+ background: inherit !important;
4891
+ height: 100px;
4892
+ vertical-align: middle;
4893
+ }
4864
4894
 
4865
- .info-item {
4866
- color: $gray-60;
4895
+ .table-default-empty,
4896
+ .ant-table-expanded-row-fixed {
4897
+ font-weight: bold;
4898
+ font-size: 20px;
4899
+ color: $text-terdiary-light;
4867
4900
  }
4868
- .info-item + .info-item {
4869
- margin-left: 10px;
4901
+ }
4902
+ th.ant-table-cell-scrollbar,
4903
+ th.cell__action_ {
4904
+ z-index: 10;
4905
+ }
4906
+ td.cell__action_ {
4907
+ padding: 0 !important;
4908
+ position: relative;
4909
+ background: $white;
4910
+ > * {
4911
+ height: 100%;
4912
+ display: flex;
4913
+ align-items: center;
4914
+ justify-content: flex-end;
4915
+ padding-right: 8px;
4870
4916
  }
4871
-
4872
- .menu-trigger {
4873
- margin-left: 10px;
4917
+ .menu-button {
4918
+ width: 24px;
4919
+ height: 24px;
4874
4920
  cursor: pointer;
4921
+ justify-content: center;
4922
+ border-radius: 4px;
4923
+
4924
+ &:hover {
4925
+ background: $white;
4926
+ }
4875
4927
  }
4876
4928
  }
4877
4929
  }
4930
+ }
4878
4931
 
4879
- .recharts-xAxis {
4880
- font-size: 12px;
4881
- }
4882
4932
 
4883
- .pointer-wrapper {
4884
- position: absolute;
4885
- bottom: 10px;
4933
+ .E_slr2ynn {
4886
4934
  padding: 0 8px;
4887
- border-radius: 4px;
4888
- font-size: 12px;
4889
- color: $white;
4890
- background: rgba(0, 0, 0, 0.75);
4891
- transform: translateX(-50%);
4935
+ height: 18px;
4892
4936
  }
4893
- }
4894
4937
 
4895
- .E_tnvijvs {
4896
- min-width: 200px;
4938
+ .E_m140wbb6 {
4939
+ padding: 2px 8px;
4940
+ height: 24px;
4941
+ }
4942
+
4943
+ .E_t1fozc1i {
4944
+ margin: 0;
4897
4945
  }
4898
4946
 
4899
- .E_t1ub2aex {
4900
- display: flex;
4901
- align-items: center;
4902
- justify-content: space-between;
4903
- background-color: rgba(0, 0, 0, 0.75);
4904
- color: #b4beca;
4905
- font-size: 12px;
4906
- padding: 3px 6px;
4947
+ .E_i1vxv4ln {
4948
+ margin-right: 4px;
4949
+ height: 16px;
4950
+ }
4907
4951
 
4908
- &:first-child {
4909
- padding-top: 3px;
4910
- }
4911
- &:last-child {
4912
- padding-bottom: 3px;
4913
- }
4914
- .column-value {
4915
- color: $white;
4916
- margin-left: 8px;
4952
+ .E_n1afl31m {
4953
+ &.ant-tag.ant-tag-gray {
4954
+ font-weight: 700;
4955
+ color: $text-neutral-primary;
4956
+ background-color: $fill-neutral-trans-1;
4957
+ border: 1px solid $stroke-neutral-trans-2;
4958
+ word-break: break-all;
4959
+ display: inline;
4960
+ white-space: normal;
4917
4961
  }
4918
4962
  }
4919
4963
 
@@ -5142,50 +5186,6 @@
5142
5186
  }
5143
5187
 
5144
5188
 
5145
- .E_w7ob4th {
5146
- &.outside-tag {
5147
- padding-left: 0;
5148
- .inside-tag {
5149
- border-radius: 4px 0 0 4px;
5150
- padding-right: 4px;
5151
- margin-right: 4px;
5152
- }
5153
- }
5154
- }
5155
-
5156
-
5157
- .E_slr2ynn {
5158
- padding: 0 8px;
5159
- height: 18px;
5160
- }
5161
-
5162
- .E_m140wbb6 {
5163
- padding: 2px 8px;
5164
- height: 24px;
5165
- }
5166
-
5167
- .E_t1fozc1i {
5168
- margin: 0;
5169
- }
5170
-
5171
- .E_i1vxv4ln {
5172
- margin-right: 4px;
5173
- height: 16px;
5174
- }
5175
-
5176
- .E_n1afl31m {
5177
- &.ant-tag.ant-tag-gray {
5178
- font-weight: 700;
5179
- color: $text-neutral-primary;
5180
- background-color: $fill-neutral-trans-1;
5181
- border: 1px solid $stroke-neutral-trans-2;
5182
- word-break: break-all;
5183
- display: inline;
5184
- white-space: normal;
5185
- }
5186
- }
5187
-
5188
-
5189
5189
  .E_i1g85yz3 {
5190
5190
  margin-right: 4px;
5191
5191
  height: 16px;
@@ -5401,46 +5401,112 @@
5401
5401
  }
5402
5402
  }
5403
5403
 
5404
- .E_d77i8u0 {
5405
- width: 24px;
5406
- height: 24px;
5407
- padding: 4px;
5408
- margin-right: 8px;
5409
- }
5404
+ .E_d77i8u0 {
5405
+ width: 24px;
5406
+ height: 24px;
5407
+ padding: 4px;
5408
+ margin-right: 8px;
5409
+ }
5410
+
5411
+
5412
+ .E_t13ef470 {
5413
+ height: 100%;
5414
+ .table-loading-item {
5415
+ padding: 12px 4px;
5416
+ border-bottom: 1px solid rgba($gray-50, 0.18);
5417
+ display: flex;
5418
+
5419
+ > * {
5420
+ height: 16px;
5421
+ margin: 4px;
5422
+ background: rgba($gray-50, 0.18);
5423
+ border-radius: 2px;
5424
+ }
5425
+ .checkbox-loading {
5426
+ width: 16px;
5427
+ }
5428
+ .td-loading {
5429
+ flex: 1;
5430
+ }
5431
+ }
5432
+
5433
+ :nth-child(1) {
5434
+ padding: 8px 4px;
5435
+ > * {
5436
+ background: rgba($gray-70, 0.18);
5437
+ }
5438
+ }
5439
+ :nth-child(1) {
5440
+ > * {
5441
+ background: rgba($gray-60, 0.18);
5442
+ }
5443
+ }
5444
+ }
5445
+
5446
+
5447
+ .E_c4hgp0p {
5448
+ color: #F0483E;
5449
+ }
5450
+
5451
+
5452
+ .E_s20iney {
5453
+ &.skeleton-box {
5454
+ display: flex;
5455
+ align-items: center;
5456
+ justify-content: center;
5457
+ position: relative;
5458
+ border-radius: 2px;
5459
+ background: #E1E6F199;
5460
+ overflow: hidden;
5461
+
5462
+ & > .skeleton-shimmer {
5463
+ width: 200%;
5464
+ height: 200%;
5465
+ transform: rotate(15deg);
5466
+ position: absolute;
5467
+ top: -50%;
5468
+ flex-shrink: 0;
5469
+ opacity: 0.8;
5470
+ background: linear-gradient(
5471
+ 90deg,
5472
+ rgba(255, 255, 255, 0) 15%,
5473
+ #FFFFFF99 50%,
5474
+ rgba(255, 255, 255, 0) 85%
5475
+ );
5476
+
5477
+ animation: shimmer 1100ms infinite;
5478
+ }
5479
+
5480
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5481
+ }
5482
+ }
5483
+
5410
5484
 
5485
+ .E_bpgac8u {
5486
+ color: #FFFFFF;
5487
+ display: flex;
5488
+ gap: 8px;
5489
+ padding: 8px 0;
5490
+ display: flex;
5491
+ justify-content: center;
5492
+ white-space: pre-wrap;
5493
+ align-items: center;
5494
+ .dashed-btn {
5495
+ border-bottom: 1px solid white;
5496
+ cursor: pointer;
5497
+ }
5498
+ }
5411
5499
 
5412
- .E_t13ef470 {
5413
- height: 100%;
5414
- .table-loading-item {
5415
- padding: 12px 4px;
5416
- border-bottom: 1px solid rgba($gray-50, 0.18);
5417
- display: flex;
5500
+ .E_envn4g3 {
5501
+ background: #F0483E;
5502
+ }
5418
5503
 
5419
- > * {
5420
- height: 16px;
5421
- margin: 4px;
5422
- background: rgba($gray-50, 0.18);
5423
- border-radius: 2px;
5424
- }
5425
- .checkbox-loading {
5426
- width: 16px;
5427
- }
5428
- .td-loading {
5429
- flex: 1;
5430
- }
5431
- }
5504
+ .E_i12w18eu {
5505
+ background: #0080FF;
5506
+ }
5432
5507
 
5433
- :nth-child(1) {
5434
- padding: 8px 4px;
5435
- > * {
5436
- background: rgba($gray-70, 0.18);
5437
- }
5438
- }
5439
- :nth-child(1) {
5440
- > * {
5441
- background: rgba($gray-60, 0.18);
5442
- }
5443
- }
5508
+ .E_wujsnt4 {
5509
+ background-color: #E07F00;
5444
5510
  }
5445
5511
 
5446
5512
 
@@ -5499,64 +5565,8 @@
5499
5565
  }
5500
5566
 
5501
5567
 
5502
- .E_bpgac8u {
5503
- color: #FFFFFF;
5504
- display: flex;
5505
- gap: 8px;
5506
- padding: 8px 0;
5507
- display: flex;
5508
- justify-content: center;
5509
- white-space: pre-wrap;
5510
- align-items: center;
5511
- .dashed-btn {
5512
- border-bottom: 1px solid white;
5513
- cursor: pointer;
5514
- }
5515
- }
5516
-
5517
- .E_envn4g3 {
5518
- background: #F0483E;
5519
- }
5520
-
5521
- .E_i12w18eu {
5522
- background: #0080FF;
5523
- }
5524
-
5525
- .E_wujsnt4 {
5526
- background-color: #E07F00;
5527
- }
5528
-
5529
-
5530
- .E_s20iney {
5531
- &.skeleton-box {
5532
- display: flex;
5533
- align-items: center;
5534
- justify-content: center;
5535
- position: relative;
5536
- border-radius: 2px;
5537
- background: #E1E6F199;
5538
- overflow: hidden;
5539
-
5540
- & > .skeleton-shimmer {
5541
- width: 200%;
5542
- height: 200%;
5543
- transform: rotate(15deg);
5544
- position: absolute;
5545
- top: -50%;
5546
- flex-shrink: 0;
5547
- opacity: 0.8;
5548
- background: linear-gradient(
5549
- 90deg,
5550
- rgba(255, 255, 255, 0) 15%,
5551
- #FFFFFF99 50%,
5552
- rgba(255, 255, 255, 0) 85%
5553
- );
5554
-
5555
- animation: shimmer 1100ms infinite;
5556
- }
5557
-
5558
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
5559
- }
5568
+ .E_t1616y1o {
5569
+ color: $text-light-on-tint;
5560
5570
  }
5561
5571
 
5562
5572
 
@@ -5592,11 +5602,6 @@
5592
5602
  }
5593
5603
 
5594
5604
 
5595
- .E_t1616y1o {
5596
- color: $text-light-on-tint;
5597
- }
5598
-
5599
-
5600
5605
  .E_a9y3flr {
5601
5606
  margin-left: 8px;
5602
5607
  }
@@ -5633,68 +5638,221 @@
5633
5638
  }
5634
5639
 
5635
5640
 
5636
- .E_i14c7jc8 {
5637
- color: var(--i14c7jc8-0);
5638
- }
5641
+ .E_i14c7jc8 {
5642
+ color: var(--i14c7jc8-0);
5643
+ }
5644
+
5645
+ .E_i1ibuolf {
5646
+ display: flex;
5647
+ align-items: center;
5648
+ column-gap: 4px;
5649
+ font-size: 12px;
5650
+ color: #2C3852BF;
5651
+ }
5652
+
5653
+
5654
+ .E_d1u4ndxc {
5655
+ color: #2C3852BF;
5656
+ font-size: 12px;
5657
+ }
5658
+
5659
+ .E_f6xb0iv {
5660
+ min-width: 0;
5661
+ flex: 1;
5662
+ }
5663
+
5664
+ .E_b1dhu7ov {
5665
+ &.antd5-progress {
5666
+ width: 220px;
5667
+ }
5668
+ }
5669
+
5670
+ .E_p1as1j2z {
5671
+ .antd5-progress.antd5-progress-status-active
5672
+ .antd5-progress-bg::before {
5673
+ content: "";
5674
+ display: block;
5675
+ height: 8px;
5676
+ background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
5677
+ animation: loading 1600ms ease-out infinite;
5678
+ opacity: 1;
5679
+ }
5680
+
5681
+ @keyframes loading {
5682
+ from {
5683
+ transform: translateX(-100%);
5684
+ }
5685
+ to {
5686
+ transform: translateX(100%);
5687
+ }
5688
+ }
5689
+ }
5690
+
5691
+
5692
+ .E_skwah65 {
5693
+ height: 8px;
5694
+ box-sizing: border-box;
5695
+ border-radius: 2px;
5696
+ background: #f5f7fa;
5697
+ display: flex;
5698
+ width: 100%;
5699
+ overflow: hidden;
5700
+
5701
+ .stack-bar-item + .stack-bar-item {
5702
+ margin-left: 1px;
5703
+ }
5704
+ }
5705
+
5706
+
5707
+ .E_clm1wy1 {
5708
+ width: 192px;
5709
+ height: 246px;
5710
+ border-radius: 4px;
5711
+
5712
+ > .ant-picker-calendar,
5713
+ > .ant-picker-calendar .ant-picker-panel {
5714
+ width: 100%;
5715
+ background-color: rgba(245, 247, 250, 0.6);
5716
+ border-top: none;
5717
+
5718
+ .ant-picker-body {
5719
+ padding: 0 16px;
5720
+ }
5721
+
5722
+ .ant-picker-content {
5723
+ width: 100%;
5724
+ height: 180px;
5725
+ border-spacing: 0;
5726
+
5727
+ thead {
5728
+ margin-bottom: 8px;
5729
+ }
5730
+ th {
5731
+ width: 22px;
5732
+ }
5733
+ td {
5734
+ padding: 0;
5735
+ }
5736
+ }
5737
+ }
5738
+
5739
+ .ant-picker-cell {
5740
+ color: rgba(62, 70, 82, 0.6);
5741
+ opacity: 0.4;
5742
+ }
5743
+ .ant-picker-cell-in-view {
5744
+ color: rgba(62, 70, 82, 0.6);
5745
+ opacity: 1;
5746
+ }
5747
+ .ant-picker-cell-in-view > .active {
5748
+ color: #3e4652;
5749
+ }
5750
+
5751
+ .ant-picker-cell::before {
5752
+ pointer-events: none;
5753
+ }
5754
+ }
5755
+
5756
+ .E_t1tsm00v {
5757
+ color: rgba(129, 138, 153, 0.6);
5758
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
5759
+ backdrop-filter: blur(10px);
5760
+ padding: 7px 10px;
5761
+ }
5762
+
5763
+ .E_c167wnad {
5764
+ color: rgba(62, 70, 82, 0.6);
5765
+ display: flex;
5766
+ justify-content: space-between;
5767
+ align-items: center;
5768
+ padding: 8px 16px;
5769
+
5770
+ .anticon {
5771
+ cursor: pointer;
5772
+ &:hover {
5773
+ color: $blue;
5774
+ }
5775
+ }
5776
+ }
5777
+
5778
+ .E_cxhf7dh {
5779
+ text-align: center;
5780
+
5781
+ .dots {
5782
+ display: flex;
5783
+ justify-content: center;
5784
+ }
5785
+ .dot {
5786
+ display: inline-block;
5787
+ width: 2px;
5788
+ height: 2px;
5789
+ border-radius: 1px;
5790
+ background: $blue;
5639
5791
 
5640
- .E_i1ibuolf {
5641
- display: flex;
5642
- align-items: center;
5643
- column-gap: 4px;
5644
- font-size: 12px;
5645
- color: #2C3852BF;
5792
+ &:not(:last-child) {
5793
+ margin-right: 2px;
5794
+ }
5795
+ }
5796
+ .bar {
5797
+ width: 9px;
5798
+ height: 2px;
5799
+ background: $blue;
5800
+ border-radius: 2px;
5801
+ }
5646
5802
  }
5647
5803
 
5648
5804
 
5649
- .E_d1u4ndxc {
5650
- color: #2C3852BF;
5651
- font-size: 12px;
5805
+ .E_c18bcrac {
5806
+ display: inline-block;
5807
+ width: 100%;
5808
+ .recharts-wrapper {
5809
+ margin-left: 4px;
5810
+ }
5652
5811
  }
5653
5812
 
5654
- .E_f6xb0iv {
5655
- min-width: 0;
5656
- flex: 1;
5657
- }
5813
+ .E_cro7kg2 {
5814
+ padding: 4px;
5658
5815
 
5659
- .E_b1dhu7ov {
5660
- &.antd5-progress {
5661
- width: 220px;
5816
+ .unit {
5817
+ color: white;
5662
5818
  }
5663
5819
  }
5664
5820
 
5665
- .E_p1as1j2z {
5666
- .antd5-progress.antd5-progress-status-active
5667
- .antd5-progress-bg::before {
5668
- content: "";
5669
- display: block;
5670
- height: 8px;
5671
- background: linear-gradient(90deg, #0080ff 0%, #9ecfff 50%, #0080ff 100%);
5672
- animation: loading 1600ms ease-out infinite;
5673
- opacity: 1;
5674
- }
5821
+ .E_c14wcxf0 {
5822
+ display: flex;
5823
+ justify-content: space-between;
5824
+ align-items: center;
5825
+ font-size: 13px;
5826
+ line-height: 24px;
5827
+ color: #cccccc;
5828
+ white-space: nowrap;
5675
5829
 
5676
- @keyframes loading {
5677
- from {
5678
- transform: translateX(-100%);
5679
- }
5680
- to {
5681
- transform: translateX(100%);
5682
- }
5830
+ label {
5831
+ margin-right: 32px;
5683
5832
  }
5684
5833
  }
5685
5834
 
5835
+ .E_coy29mj.E_c14wcxf0 {
5836
+ font-weight: bold;
5837
+ color: white;
5838
+ }
5686
5839
 
5687
- .E_skwah65 {
5840
+ .E_s11212zy {
5841
+ width: 8px;
5688
5842
  height: 8px;
5689
- box-sizing: border-box;
5690
5843
  border-radius: 2px;
5691
- background: #f5f7fa;
5692
- display: flex;
5693
- width: 100%;
5694
- overflow: hidden;
5844
+ display: inline-block;
5845
+ background: var(--s11212zy-0);
5846
+ border: 1px solid $fills-light-white;
5847
+ box-sizing: content-box;
5848
+ margin-right: 6px;
5849
+ }
5695
5850
 
5696
- .stack-bar-item + .stack-bar-item {
5697
- margin-left: 1px;
5851
+ .E_p1lyky6c {
5852
+ & > :first-child {
5853
+ font-weight: bold;
5854
+ color: white;
5855
+ margin-right: 4px;
5698
5856
  }
5699
5857
  }
5700
5858
 
@@ -5766,79 +5924,6 @@
5766
5924
  }
5767
5925
 
5768
5926
 
5769
- .E_tqjc4ui {
5770
- @at-root {
5771
- span#{&} {
5772
- margin: 0 2px;
5773
- }
5774
- }
5775
- }
5776
-
5777
-
5778
- .E_gmyahx3 {
5779
- cursor: pointer;
5780
-
5781
- .link-text {
5782
- color: $text-light-tertiary;
5783
- }
5784
-
5785
- &:hover .link-text {
5786
- color: $text-light-general;
5787
- }
5788
- }
5789
-
5790
-
5791
- .E_c18bcrac {
5792
- display: inline-block;
5793
- width: 100%;
5794
- .recharts-wrapper {
5795
- margin-left: 4px;
5796
- }
5797
- }
5798
-
5799
- .E_cro7kg2 {
5800
- padding: 4px;
5801
- }
5802
-
5803
- .E_c14wcxf0 {
5804
- display: flex;
5805
- justify-content: space-between;
5806
- align-items: center;
5807
- font-size: 13px;
5808
- line-height: 24px;
5809
- color: #cccccc;
5810
- white-space: nowrap;
5811
-
5812
- label {
5813
- margin-right: 32px;
5814
- }
5815
- }
5816
-
5817
- .E_coy29mj.E_c14wcxf0 {
5818
- font-weight: bold;
5819
- color: white;
5820
- }
5821
-
5822
- .E_s11212zy {
5823
- width: 8px;
5824
- height: 8px;
5825
- border-radius: 2px;
5826
- display: inline-block;
5827
- background: var(--s11212zy-0);
5828
- border: 1px solid $fills-light-white;
5829
- box-sizing: content-box;
5830
- margin-right: 6px;
5831
- }
5832
-
5833
- .E_p1lyky6c {
5834
- & > :first-child {
5835
- font-weight: bold;
5836
- color: white;
5837
- margin-right: 4px;
5838
- }
5839
- }
5840
-
5841
-
5842
5927
  .E_c1up1pdz {
5843
5928
  width: 648px;
5844
5929
 
@@ -5970,134 +6055,58 @@
5970
6055
  .month-day-option {
5971
6056
  background: #f5f7fa;
5972
6057
  box-sizing: border-box;
5973
- border-radius: 16px;
5974
- margin-right: 8px;
5975
-
5976
- &:focus {
5977
- color: inherit;
5978
- border-color: #d9d9d9;
5979
- }
5980
- }
5981
- .week-day-option {
5982
- &.active {
5983
- background-color: $blue;
5984
- border-color: $blue;
5985
- color: $white;
5986
- }
5987
- &.en-text {
5988
- width: 110px;
5989
- margin-top: 4px;
5990
- }
5991
- }
5992
- .month-day-option {
5993
- width: 32px;
5994
- padding: 0;
5995
- margin-bottom: 8px;
5996
-
5997
- &.active {
5998
- background-color: $blue;
5999
- border-color: $blue;
6000
- color: $white;
6001
- }
6002
- }
6003
- }
6004
-
6005
-
6006
- .E_clm1wy1 {
6007
- width: 192px;
6008
- height: 246px;
6009
- border-radius: 4px;
6010
-
6011
- > .ant-picker-calendar,
6012
- > .ant-picker-calendar .ant-picker-panel {
6013
- width: 100%;
6014
- background-color: rgba(245, 247, 250, 0.6);
6015
- border-top: none;
6016
-
6017
- .ant-picker-body {
6018
- padding: 0 16px;
6019
- }
6020
-
6021
- .ant-picker-content {
6022
- width: 100%;
6023
- height: 180px;
6024
- border-spacing: 0;
6025
-
6026
- thead {
6027
- margin-bottom: 8px;
6028
- }
6029
- th {
6030
- width: 22px;
6031
- }
6032
- td {
6033
- padding: 0;
6034
- }
6035
- }
6036
- }
6037
-
6038
- .ant-picker-cell {
6039
- color: rgba(62, 70, 82, 0.6);
6040
- opacity: 0.4;
6041
- }
6042
- .ant-picker-cell-in-view {
6043
- color: rgba(62, 70, 82, 0.6);
6044
- opacity: 1;
6058
+ border-radius: 16px;
6059
+ margin-right: 8px;
6060
+
6061
+ &:focus {
6062
+ color: inherit;
6063
+ border-color: #d9d9d9;
6064
+ }
6045
6065
  }
6046
- .ant-picker-cell-in-view > .active {
6047
- color: #3e4652;
6066
+ .week-day-option {
6067
+ &.active {
6068
+ background-color: $blue;
6069
+ border-color: $blue;
6070
+ color: $white;
6071
+ }
6072
+ &.en-text {
6073
+ width: 110px;
6074
+ margin-top: 4px;
6075
+ }
6048
6076
  }
6077
+ .month-day-option {
6078
+ width: 32px;
6079
+ padding: 0;
6080
+ margin-bottom: 8px;
6049
6081
 
6050
- .ant-picker-cell::before {
6051
- pointer-events: none;
6082
+ &.active {
6083
+ background-color: $blue;
6084
+ border-color: $blue;
6085
+ color: $white;
6086
+ }
6052
6087
  }
6053
6088
  }
6054
6089
 
6055
- .E_t1tsm00v {
6056
- color: rgba(129, 138, 153, 0.6);
6057
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
6058
- backdrop-filter: blur(10px);
6059
- padding: 7px 10px;
6060
- }
6061
6090
 
6062
- .E_c167wnad {
6063
- color: rgba(62, 70, 82, 0.6);
6064
- display: flex;
6065
- justify-content: space-between;
6066
- align-items: center;
6067
- padding: 8px 16px;
6091
+ .E_gmyahx3 {
6092
+ cursor: pointer;
6068
6093
 
6069
- .anticon {
6070
- cursor: pointer;
6071
- &:hover {
6072
- color: $blue;
6073
- }
6094
+ .link-text {
6095
+ color: $text-light-tertiary;
6074
6096
  }
6075
- }
6076
6097
 
6077
- .E_cxhf7dh {
6078
- text-align: center;
6079
-
6080
- .dots {
6081
- display: flex;
6082
- justify-content: center;
6098
+ &:hover .link-text {
6099
+ color: $text-light-general;
6083
6100
  }
6084
- .dot {
6085
- display: inline-block;
6086
- width: 2px;
6087
- height: 2px;
6088
- border-radius: 1px;
6089
- background: $blue;
6101
+ }
6090
6102
 
6091
- &:not(:last-child) {
6092
- margin-right: 2px;
6103
+
6104
+ .E_tqjc4ui {
6105
+ @at-root {
6106
+ span#{&} {
6107
+ margin: 0 2px;
6093
6108
  }
6094
6109
  }
6095
- .bar {
6096
- width: 9px;
6097
- height: 2px;
6098
- background: $blue;
6099
- border-radius: 2px;
6100
- }
6101
6110
  }
6102
6111
 
6103
6112
 
@@ -6152,6 +6161,18 @@
6152
6161
  }
6153
6162
 
6154
6163
 
6164
+ .E_s1iv0tp1 {
6165
+ .enabled-switch {
6166
+ display: flex;
6167
+ align-items: center;
6168
+ }
6169
+
6170
+ .enabled-text {
6171
+ margin-right: 8px;
6172
+ }
6173
+ }
6174
+
6175
+
6155
6176
  .E_s1at6qmn {
6156
6177
  &.ant-layout-sider {
6157
6178
  background: $backgrounds-light-grouped;
@@ -6291,6 +6312,32 @@
6291
6312
  }
6292
6313
 
6293
6314
 
6315
+ .E_wg1tsps {
6316
+ display: flex;
6317
+ align-items: center;
6318
+ justify-content: flex-end;
6319
+ }
6320
+
6321
+ .E_b1ctd5xy {
6322
+ display: flex;
6323
+ align-items: center;
6324
+ width: calc(100% - 40px);
6325
+
6326
+ .chart {
6327
+ display: inline-block;
6328
+ width: 100%;
6329
+ }
6330
+ }
6331
+
6332
+ .E_u1p8acpn {
6333
+ min-width: 40px;
6334
+
6335
+ .unit {
6336
+ color: $text-light-primary !important;
6337
+ }
6338
+ }
6339
+
6340
+
6294
6341
  .E_t1sqg15u {
6295
6342
  background: white;
6296
6343
 
@@ -6403,18 +6450,6 @@
6403
6450
  }
6404
6451
 
6405
6452
 
6406
- .E_s1iv0tp1 {
6407
- .enabled-switch {
6408
- display: flex;
6409
- align-items: center;
6410
- }
6411
-
6412
- .enabled-text {
6413
- margin-right: 8px;
6414
- }
6415
- }
6416
-
6417
-
6418
6453
  .E_t160l1cm {
6419
6454
  display: flex;
6420
6455
  flex-direction: column;
@@ -6683,32 +6718,6 @@
6683
6718
  }
6684
6719
 
6685
6720
 
6686
- .E_wg1tsps {
6687
- display: flex;
6688
- align-items: center;
6689
- justify-content: flex-end;
6690
- }
6691
-
6692
- .E_b1ctd5xy {
6693
- display: flex;
6694
- align-items: center;
6695
- width: calc(100% - 40px);
6696
-
6697
- .chart {
6698
- display: inline-block;
6699
- width: 100%;
6700
- }
6701
- }
6702
-
6703
- .E_u1p8acpn {
6704
- min-width: 40px;
6705
-
6706
- .unit {
6707
- color: $text-light-primary !important;
6708
- }
6709
- }
6710
-
6711
-
6712
6721
  .E_cyms3br {
6713
6722
  background: #fff;
6714
6723
  width: 100%;
@@ -6765,6 +6774,13 @@
6765
6774
  }
6766
6775
 
6767
6776
 
6777
+ .E_h1ol2wl7 {
6778
+ font-weight: bold;
6779
+ background-color: unset;
6780
+ padding: unset;
6781
+ }
6782
+
6783
+
6768
6784
  .E_d11hhzf9 {
6769
6785
  width: 492px !important;
6770
6786
  margin: 40px auto !important;
@@ -6928,13 +6944,6 @@
6928
6944
  }
6929
6945
 
6930
6946
 
6931
- .E_h1ol2wl7 {
6932
- font-weight: bold;
6933
- background-color: unset;
6934
- padding: unset;
6935
- }
6936
-
6937
-
6938
6947
  .E_c14ouk5o {
6939
6948
  width: 100%;
6940
6949
  height: 100%;
@@ -6986,49 +6995,6 @@
6986
6995
  }
6987
6996
 
6988
6997
 
6989
- .E_c1ss4prm {
6990
- color: $text-light-secondary;
6991
-
6992
- li {
6993
- margin-bottom: 4px;
6994
-
6995
- &:last-child {
6996
- margin-bottom: 0;
6997
- }
6998
- }
6999
- }
7000
-
7001
- .E_ms3tlei {
7002
- background: $fill-neutral-trans-2;
7003
- padding: 8px;
7004
- border-radius: 6px;
7005
- color: $gray-a60-8;
7006
-
7007
- li {
7008
- margin-bottom: 4px;
7009
-
7010
- &:last-child {
7011
- margin-bottom: 0;
7012
- }
7013
- }
7014
- }
7015
-
7016
- .E_du44iy7 {
7017
- margin-bottom: 4px;
7018
- }
7019
-
7020
- .E_s1qmhanr {
7021
- color: $text-light-secondary;
7022
- margin-bottom: 8px;
7023
- }
7024
-
7025
- .E_drje1h0 {
7026
- height: 1px;
7027
- background: $strokes-light-opaque-2;
7028
- margin: 16px 0;
7029
- }
7030
-
7031
-
7032
6998
  .E_c1kchka8 {
7033
6999
  height: 100%;
7034
7000
  width: 100%;
@@ -7628,6 +7594,49 @@
7628
7594
  }
7629
7595
 
7630
7596
 
7597
+ .E_c1ss4prm {
7598
+ color: $text-light-secondary;
7599
+
7600
+ li {
7601
+ margin-bottom: 4px;
7602
+
7603
+ &:last-child {
7604
+ margin-bottom: 0;
7605
+ }
7606
+ }
7607
+ }
7608
+
7609
+ .E_ms3tlei {
7610
+ background: $fill-neutral-trans-2;
7611
+ padding: 8px;
7612
+ border-radius: 6px;
7613
+ color: $gray-a60-8;
7614
+
7615
+ li {
7616
+ margin-bottom: 4px;
7617
+
7618
+ &:last-child {
7619
+ margin-bottom: 0;
7620
+ }
7621
+ }
7622
+ }
7623
+
7624
+ .E_du44iy7 {
7625
+ margin-bottom: 4px;
7626
+ }
7627
+
7628
+ .E_s1qmhanr {
7629
+ color: $text-light-secondary;
7630
+ margin-bottom: 8px;
7631
+ }
7632
+
7633
+ .E_drje1h0 {
7634
+ height: 1px;
7635
+ background: $strokes-light-opaque-2;
7636
+ margin: 16px 0;
7637
+ }
7638
+
7639
+
7631
7640
  .E_cevhqx7 {
7632
7641
  color: $text-light-primary;
7633
7642
  }