@cloudtower/eagle 0.34.23 → 0.34.25

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 (18) hide show
  1. package/dist/cjs/core/ImmersiveDialog/index.js +8 -2
  2. package/dist/cjs/core/MediumDialog/MediumDialog.js +1 -1
  3. package/dist/cjs/core/SmallDialog/SmallDialog.js +7 -5
  4. package/dist/cjs/stats1.html +1 -1
  5. package/dist/components.css +1683 -1661
  6. package/dist/esm/core/ImmersiveDialog/index.js +8 -2
  7. package/dist/esm/core/MediumDialog/MediumDialog.js +1 -1
  8. package/dist/esm/core/SmallDialog/SmallDialog.js +6 -4
  9. package/dist/esm/stats1.html +1 -1
  10. package/dist/linaria.merged.scss +2009 -1980
  11. package/dist/src/core/ImmersiveDialog/type.d.ts +2 -0
  12. package/dist/src/core/SmallDialog/SmallDialog.type.d.ts +2 -0
  13. package/dist/stories/docs/core/ImmersiveDialog.stories.d.ts +5 -0
  14. package/dist/stories/docs/core/MediumDialog.stories.d.ts +5 -1
  15. package/dist/stories/docs/core/SmallDialog.stories.d.ts +5 -1
  16. package/dist/stories/docs/core/WizardDialog.stories.d.ts +2 -0
  17. package/dist/style.css +1683 -1661
  18. package/package.json +4 -4
package/dist/linaria.merged.scss CHANGED
@@ -450,25 +450,6 @@
450
450
  }
451
451
 
452
452
 
453
- .E_berrcjl {
454
- color: $text-terdiary-light;
455
- margin-bottom: 4px;
456
-
457
- .breadcrumb-link {
458
- color: $text-terdiary-light;
459
- cursor: pointer;
460
- transition: color 160ms ease;
461
-
462
- &:hover {
463
- color: $blue-60;
464
- }
465
- &:active {
466
- color: $blue-80;
467
- }
468
- }
469
- }
470
-
471
-
472
453
  .E_c1uzzomf {
473
454
  margin-bottom: 16px;
474
455
 
@@ -494,6 +475,43 @@
494
475
  }
495
476
 
496
477
 
478
+ .E_berrcjl {
479
+ color: $text-terdiary-light;
480
+ margin-bottom: 4px;
481
+
482
+ .breadcrumb-link {
483
+ color: $text-terdiary-light;
484
+ cursor: pointer;
485
+ transition: color 160ms ease;
486
+
487
+ &:hover {
488
+ color: $blue-60;
489
+ }
490
+ &:active {
491
+ color: $blue-80;
492
+ }
493
+ }
494
+ }
495
+
496
+
497
+ .E_d133fzv0 {
498
+ .ant-dropdown-menu-item-group {
499
+ .ant-dropdown-menu-item-group-title {
500
+ padding: 4px 8px 0 8px;
501
+ color: $text-light-secondary;
502
+ font-size: 12px;
503
+ }
504
+ .ant-dropdown-menu-item-group-list {
505
+ padding-bottom: 6px;
506
+ }
507
+ &:not(:first-child) {
508
+ padding-top: 4px;
509
+ border-top: 1px solid $strokes-light-trans-2;
510
+ }
511
+ }
512
+ }
513
+
514
+
497
515
  .E_d1bw7c5z {
498
516
  position: relative;
499
517
  max-width: 388px;
@@ -585,24 +603,6 @@
585
603
  }
586
604
 
587
605
 
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;
601
- }
602
- }
603
- }
604
-
605
-
606
606
  .E_c1yyuluq {
607
607
  border-radius: 8px;
608
608
  .ant-card-body {
@@ -710,6 +710,13 @@
710
710
  }
711
711
 
712
712
 
713
+ .E_sx1bpnu {
714
+ .ant-input-sm {
715
+ line-height: 18px;
716
+ }
717
+ }
718
+
719
+
713
720
  .E_itxley7 {
714
721
  &.ant-input-group.ant-input-group-compact {
715
722
  display: flex;
@@ -946,13 +953,6 @@
946
953
  }
947
954
 
948
955
 
949
- .E_sx1bpnu {
950
- .ant-input-sm {
951
- line-height: 18px;
952
- }
953
- }
954
-
955
-
956
956
  .E_i11gg7mj {
957
957
  .ant-input-prefix {
958
958
  margin-right: 8px;
@@ -985,61 +985,6 @@
985
985
  }
986
986
 
987
987
 
988
- .E_ivqqkzv {
989
- height: 24px;
990
- width: 56px !important;
991
- margin-right: 4px;
992
- }
993
-
994
- .E_c1wk4q29 {
995
- color: $text-secondary-light;
996
- }
997
-
998
-
999
- .E_c1bus5hc {
1000
- --color: white;
1001
- height: 14px;
1002
- width: 14px;
1003
- border-radius: 50%;
1004
- flex-shrink: 0;
1005
- display: flex;
1006
- align-items: center;
1007
- justify-content: center;
1008
- border: 1px solid var(--color);
1009
-
1010
- .circle-inner {
1011
- position: relative;
1012
- height: 10px;
1013
- width: 10px;
1014
- border-radius: 50%;
1015
- overflow: hidden;
1016
- }
1017
-
1018
- .circle-content {
1019
- position: absolute;
1020
- height: 100%;
1021
- width: 100%;
1022
- left: 0;
1023
- top: 0;
1024
- border-radius: 50%;
1025
- background: linear-gradient(to right, var(--color) 50%, white 50%);
1026
- transform: rotate(180deg);
1027
- }
1028
-
1029
- .circle-child {
1030
- position: absolute;
1031
- height: 100%;
1032
- width: 100%;
1033
- left: 0;
1034
- top: 0;
1035
- margin-left: 50%;
1036
- transform-origin: left;
1037
- background: white;
1038
- transform: rotate(0deg);
1039
- }
1040
- }
1041
-
1042
-
1043
988
  .E_s1dizucg {
1044
989
  &.ant-switch {
1045
990
  min-width: 40px;
@@ -1100,6 +1045,73 @@
1100
1045
  }
1101
1046
 
1102
1047
 
1048
+ .E_tju3gfj {
1049
+ .date {
1050
+ margin-right: 4px;
1051
+ }
1052
+ }
1053
+
1054
+
1055
+ .E_ivqqkzv {
1056
+ height: 24px;
1057
+ width: 56px !important;
1058
+ margin-right: 4px;
1059
+ }
1060
+
1061
+ .E_c1wk4q29 {
1062
+ color: $text-secondary-light;
1063
+ }
1064
+
1065
+
1066
+ .E_iq1gosr {
1067
+ display: inline-block;
1068
+ }
1069
+
1070
+
1071
+ .E_c1bus5hc {
1072
+ --color: white;
1073
+ height: 14px;
1074
+ width: 14px;
1075
+ border-radius: 50%;
1076
+ flex-shrink: 0;
1077
+ display: flex;
1078
+ align-items: center;
1079
+ justify-content: center;
1080
+ border: 1px solid var(--color);
1081
+
1082
+ .circle-inner {
1083
+ position: relative;
1084
+ height: 10px;
1085
+ width: 10px;
1086
+ border-radius: 50%;
1087
+ overflow: hidden;
1088
+ }
1089
+
1090
+ .circle-content {
1091
+ position: absolute;
1092
+ height: 100%;
1093
+ width: 100%;
1094
+ left: 0;
1095
+ top: 0;
1096
+ border-radius: 50%;
1097
+ background: linear-gradient(to right, var(--color) 50%, white 50%);
1098
+ transform: rotate(180deg);
1099
+ }
1100
+
1101
+ .circle-child {
1102
+ position: absolute;
1103
+ height: 100%;
1104
+ width: 100%;
1105
+ left: 0;
1106
+ top: 0;
1107
+ margin-left: 50%;
1108
+ transform-origin: left;
1109
+ background: white;
1110
+ transform: rotate(0deg);
1111
+ }
1112
+ }
1113
+
1114
+
1103
1115
  .E_s1sck0th {
1104
1116
  padding: 0 8px;
1105
1117
  border-radius: 4px;
@@ -1186,6 +1198,20 @@
1186
1198
  }
1187
1199
 
1188
1200
 
1201
+ .E_t1m2x205 {
1202
+ .ant-tooltip-arrow {
1203
+ display: none;
1204
+ }
1205
+ .ant-tooltip-inner {
1206
+ background: $gray-a80-9;
1207
+ border-radius: 4px;
1208
+ &:has(.eagle-ellipsis-content) {
1209
+ visibility: hidden;
1210
+ }
1211
+ }
1212
+ }
1213
+
1214
+
1189
1215
  .E_s1dni7lo {
1190
1216
  width: 430px !important;
1191
1217
  }
@@ -1275,40 +1301,31 @@
1275
1301
  }
1276
1302
 
1277
1303
 
1278
- .E_tju3gfj {
1279
- .date {
1280
- margin-right: 4px;
1304
+ .E_fzh9mnb {
1305
+ width: 100%;
1306
+ height: 100%;
1307
+ min-height: 124px;
1308
+ display: flex;
1309
+ flex-direction: column;
1310
+ justify-content: center;
1311
+ align-items: center;
1312
+
1313
+ .error-text {
1314
+ color: $text-terdiary-light;
1315
+ margin-bottom: 16px;
1316
+ font-size: 18px;
1281
1317
  }
1282
1318
  }
1283
1319
 
1284
1320
 
1285
- .E_iq1gosr {
1286
- display: inline-block;
1287
- }
1288
-
1321
+ .E_iouxfgt {
1322
+ display: inline-flex;
1323
+ align-items: center;
1289
1324
 
1290
- .E_t1m2x205 {
1291
- .ant-tooltip-arrow {
1292
- display: none;
1293
- }
1294
- .ant-tooltip-inner {
1295
- background: $gray-a80-9;
1296
- border-radius: 4px;
1297
- &:has(.eagle-ellipsis-content) {
1298
- visibility: hidden;
1299
- }
1300
- }
1301
- }
1302
-
1303
-
1304
- .E_iouxfgt {
1305
- display: inline-flex;
1306
- align-items: center;
1307
-
1308
- .icon-inner {
1309
- display: inline-flex;
1310
- align-items: center;
1311
- justify-content: center;
1325
+ .icon-inner {
1326
+ display: inline-flex;
1327
+ align-items: center;
1328
+ justify-content: center;
1312
1329
  }
1313
1330
  .icon-inner + span,
1314
1331
  span + .icon-inner.suffix {
@@ -1323,12 +1340,44 @@
1323
1340
  }
1324
1341
 
1325
1342
 
1326
- .E_atcz0kf {
1327
- .ant-input-suffix {
1328
- margin-left: 8px;
1343
+ .E_f7pxqmh {
1344
+ width: 100%;
1345
+ margin-bottom: 0 !important;
1346
+ flex-flow: nowrap !important;
1347
+ line-break: auto;
1348
+
1349
+ & > .ant-form-item-label {
1350
+ text-align: left !important;
1351
+ padding-bottom: 0 !important;
1352
+
1353
+ & > label {
1354
+ min-height: 32px;
1355
+ height: auto;
1356
+ font-size: 13px;
1357
+ color: rgba(44, 56, 82, 0.6);
1358
+ white-space: normal;
1359
+ }
1329
1360
  }
1330
- &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1331
- padding: 2px 7px 2px 12px;
1361
+
1362
+ &.ant-form-item-has-error {
1363
+ .ant-input {
1364
+ border-color: #ff4d4f !important;
1365
+ }
1366
+ .ant-input-password {
1367
+ border-color: #ff4d4f !important;
1368
+ }
1369
+ }
1370
+
1371
+ .ant-form-item-explain {
1372
+ margin-top: 4px;
1373
+ font-size: 12px;
1374
+ min-height: 0px;
1375
+ }
1376
+
1377
+ .ant-form-item-extra {
1378
+ font-size: 12px;
1379
+ color: rgba(44, 56, 82, 0.6);
1380
+ min-height: 0px;
1332
1381
  }
1333
1382
  }
1334
1383
 
@@ -1451,61 +1500,12 @@
1451
1500
  }
1452
1501
 
1453
1502
 
1454
- .E_fzh9mnb {
1455
- width: 100%;
1456
- height: 100%;
1457
- min-height: 124px;
1458
- display: flex;
1459
- flex-direction: column;
1460
- justify-content: center;
1461
- align-items: center;
1462
-
1463
- .error-text {
1464
- color: $text-terdiary-light;
1465
- margin-bottom: 16px;
1466
- font-size: 18px;
1467
- }
1468
- }
1469
-
1470
-
1471
- .E_f7pxqmh {
1472
- width: 100%;
1473
- margin-bottom: 0 !important;
1474
- flex-flow: nowrap !important;
1475
- line-break: auto;
1476
-
1477
- & > .ant-form-item-label {
1478
- text-align: left !important;
1479
- padding-bottom: 0 !important;
1480
-
1481
- & > label {
1482
- min-height: 32px;
1483
- height: auto;
1484
- font-size: 13px;
1485
- color: rgba(44, 56, 82, 0.6);
1486
- white-space: normal;
1487
- }
1488
- }
1489
-
1490
- &.ant-form-item-has-error {
1491
- .ant-input {
1492
- border-color: #ff4d4f !important;
1493
- }
1494
- .ant-input-password {
1495
- border-color: #ff4d4f !important;
1496
- }
1497
- }
1498
-
1499
- .ant-form-item-explain {
1500
- margin-top: 4px;
1501
- font-size: 12px;
1502
- min-height: 0px;
1503
+ .E_atcz0kf {
1504
+ .ant-input-suffix {
1505
+ margin-left: 8px;
1503
1506
  }
1504
-
1505
- .ant-form-item-extra {
1506
- font-size: 12px;
1507
- color: rgba(44, 56, 82, 0.6);
1508
- min-height: 0px;
1507
+ &.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
1508
+ padding: 2px 7px 2px 12px;
1509
1509
  }
1510
1510
  }
1511
1511
 
@@ -1534,43 +1534,6 @@
1534
1534
  }
1535
1535
 
1536
1536
 
1537
- .E_a1b5xrg3 {
1538
- .user-icon-inner {
1539
- display: inline-flex;
1540
- align-items: center;
1541
- justify-content: center;
1542
- color: $white;
1543
- font-weight: bold;
1544
- font-size: 12px;
1545
- width: 24px;
1546
- height: 24px;
1547
- border-radius: 50%;
1548
- background: var(--a1b5xrg3-0);
1549
- }
1550
- &.btn-item {
1551
- transition: all 160ms ease;
1552
- cursor: pointer;
1553
- width: 56px;
1554
- height: 40px;
1555
- display: inline-flex;
1556
- align-items: center;
1557
- justify-content: center;
1558
- border-radius: 6px;
1559
-
1560
- &:hover {
1561
- box-shadow:
1562
- 0px 0px 20px rgba(107, 125, 153, 0.18),
1563
- 0px 25px 80px rgba(45, 58, 86, 0.3);
1564
- }
1565
-
1566
- &:active {
1567
- transform: translateY(2px);
1568
- transition: all 320ms ease;
1569
- }
1570
- }
1571
- }
1572
-
1573
-
1574
1537
  .E_cnujxq2 {
1575
1538
  display: flex;
1576
1539
  flex-direction: column;
@@ -2384,6 +2347,48 @@
2384
2347
  }
2385
2348
 
2386
2349
 
2350
+ .E_a1b5xrg3 {
2351
+ .user-icon-inner {
2352
+ display: inline-flex;
2353
+ align-items: center;
2354
+ justify-content: center;
2355
+ color: $white;
2356
+ font-weight: bold;
2357
+ font-size: 12px;
2358
+ width: 24px;
2359
+ height: 24px;
2360
+ border-radius: 50%;
2361
+ background: var(--a1b5xrg3-0);
2362
+ }
2363
+ &.btn-item {
2364
+ transition: all 160ms ease;
2365
+ cursor: pointer;
2366
+ width: 56px;
2367
+ height: 40px;
2368
+ display: inline-flex;
2369
+ align-items: center;
2370
+ justify-content: center;
2371
+ border-radius: 6px;
2372
+
2373
+ &:hover {
2374
+ box-shadow:
2375
+ 0px 0px 20px rgba(107, 125, 153, 0.18),
2376
+ 0px 25px 80px rgba(45, 58, 86, 0.3);
2377
+ }
2378
+
2379
+ &:active {
2380
+ transform: translateY(2px);
2381
+ transition: all 320ms ease;
2382
+ }
2383
+ }
2384
+ }
2385
+
2386
+
2387
+ .E_m196gn1d {
2388
+ min-width: 1280px;
2389
+ }
2390
+
2391
+
2387
2392
  .E_dsnbhzf {
2388
2393
  @include Inter(bold);
2389
2394
  font-size: 32px;
@@ -2738,49 +2743,146 @@
2738
2743
  }
2739
2744
 
2740
2745
 
2741
- .E_m196gn1d {
2742
- min-width: 1280px;
2743
- }
2744
-
2745
-
2746
- .E_s4ivdfu {
2747
- &.ant-select {
2748
- .ant-select-selection-placeholder {
2749
- opacity: 1;
2750
- }
2751
-
2752
- &.select-loading-value {
2753
- pointer-events: none;
2754
- }
2746
+ .E_s17wv897 {
2747
+ &.ant-select,
2748
+ &.ant-select div.ant-select-selector {
2749
+ border-radius: 6px;
2755
2750
  }
2756
- }
2757
2751
 
2758
- .E_sks9xr8 {
2759
2752
  &.ant-select {
2760
- .select-hover-suffix,
2761
- .select-active-suffix,
2762
- .select-expanded-suffix,
2763
- .select-expanded-search-suffix,
2764
- .select-focus-suffix,
2765
- .select-error-suffix,
2766
- .select-error-hover-suffix,
2767
- .select-error-active-suffix,
2768
- .select-error-expanded-suffix,
2769
- .select-error-expanded-search-suffix,
2770
- .select-error-focus-suffix {
2771
- display: none;
2772
- width: 16px;
2773
- height: 16px;
2774
- }
2753
+ &.ant-select-single {
2754
+ width: 100%;
2755
+ &[data-size="small"] {
2756
+ }
2757
+ &[data-size="middle"] {
2758
+ height: 30px;
2759
+ }
2760
+ &[data-size="large"] {
2761
+ }
2762
+ color: $text-primary-light;
2763
+ border-color: $strokes-light-trans-2;
2764
+ transition:
2765
+ border 160ms ease 8ms,
2766
+ box-shadow 160ms ease 8ms;
2767
+ font-size: 13px;
2775
2768
 
2776
- &.ant-select-disabled {
2777
- .select-suffix {
2778
- opacity: 0.5;
2769
+ &.ant-select-lg {
2770
+ height: 38px;
2771
+ font-size: 13px;
2779
2772
  }
2780
- }
2781
2773
 
2782
- &:not(.ant-select-disabled) {
2783
- // open, not error
2774
+ .ant-select-arrow,
2775
+ .ant-select-arrow .anticon-down {
2776
+ transition: 160ms ease;
2777
+ }
2778
+
2779
+ .ant-select-arrow-loading {
2780
+ color: $fills-light-general-general;
2781
+ }
2782
+
2783
+ &:not(.ant-select-disabled) {
2784
+ &:hover .ant-select-selector,
2785
+ &.__pseudo-states-hover .ant-select-selector {
2786
+ border-color: $strokes-light-trans-4;
2787
+ box-shadow: $shadow-light-hover;
2788
+ }
2789
+
2790
+ &:hover .ant-select-arrow,
2791
+ &.__pseudo-states-hover .ant-select-arrow {
2792
+ color: $fills-light-general-general;
2793
+ }
2794
+
2795
+ &:active,
2796
+ &:focus,
2797
+ &.ant-select-focused,
2798
+ &.ant-select-open,
2799
+ &.__pseudo-states-active,
2800
+ &.__pseudo-states-focus {
2801
+ .ant-select-selector {
2802
+ border-color: $fills-light-general-general;
2803
+ box-shadow: $shadow-light-active;
2804
+ }
2805
+ }
2806
+
2807
+ &.ant-select-open .ant-select-arrow .anticon-down {
2808
+ transform: rotate(180deg);
2809
+ }
2810
+ }
2811
+
2812
+ &.ant-select-disabled .ant-select-selector {
2813
+ background: $fills-light-trans-3;
2814
+ border-color: $strokes-light-trans-3;
2815
+ cursor: "not-allowed";
2816
+ }
2817
+ }
2818
+ &.select-error:not(.ant-select-disabled) {
2819
+ .ant-select-selector {
2820
+ border-color: $fills-light-serious-serious !important;
2821
+ }
2822
+
2823
+ &:hover .ant-select-arrow,
2824
+ &.__pseudo-states-hover .ant-select-arrow {
2825
+ color: $text-light-super;
2826
+ }
2827
+
2828
+ &:active,
2829
+ &:focus,
2830
+ &.ant-select-focused,
2831
+ &.ant-select-open,
2832
+ &.__pseudo-states-focus,
2833
+ &.__pseudo-states-active {
2834
+ .ant-select-selector {
2835
+ border-color: $fills-light-general-general;
2836
+ box-shadow: $shadow-light-error;
2837
+ }
2838
+ }
2839
+
2840
+ &.ant-select-open .ant-select-arrow .anticon-down {
2841
+ transform: rotate(180deg);
2842
+ }
2843
+ }
2844
+ }
2845
+ }
2846
+
2847
+
2848
+ .E_s4ivdfu {
2849
+ &.ant-select {
2850
+ .ant-select-selection-placeholder {
2851
+ opacity: 1;
2852
+ }
2853
+
2854
+ &.select-loading-value {
2855
+ pointer-events: none;
2856
+ }
2857
+ }
2858
+ }
2859
+
2860
+ .E_sks9xr8 {
2861
+ &.ant-select {
2862
+ .select-hover-suffix,
2863
+ .select-active-suffix,
2864
+ .select-expanded-suffix,
2865
+ .select-expanded-search-suffix,
2866
+ .select-focus-suffix,
2867
+ .select-error-suffix,
2868
+ .select-error-hover-suffix,
2869
+ .select-error-active-suffix,
2870
+ .select-error-expanded-suffix,
2871
+ .select-error-expanded-search-suffix,
2872
+ .select-error-focus-suffix {
2873
+ display: none;
2874
+ width: 16px;
2875
+ height: 16px;
2876
+ }
2877
+
2878
+ &.ant-select-disabled {
2879
+ .select-suffix {
2880
+ opacity: 0.5;
2881
+ }
2882
+ }
2883
+
2884
+ &:not(.ant-select-disabled) {
2885
+ // open, not error
2784
2886
  &.ant-select-open:not(.select-error) {
2785
2887
  &.ant-select-show-search {
2786
2888
  .select-suffix {
@@ -2944,108 +3046,6 @@
2944
3046
  }
2945
3047
 
2946
3048
 
2947
- .E_s17wv897 {
2948
- &.ant-select,
2949
- &.ant-select div.ant-select-selector {
2950
- border-radius: 6px;
2951
- }
2952
-
2953
- &.ant-select {
2954
- &.ant-select-single {
2955
- width: 100%;
2956
- &[data-size="small"] {
2957
- }
2958
- &[data-size="middle"] {
2959
- height: 30px;
2960
- }
2961
- &[data-size="large"] {
2962
- }
2963
- color: $text-primary-light;
2964
- border-color: $strokes-light-trans-2;
2965
- transition:
2966
- border 160ms ease 8ms,
2967
- box-shadow 160ms ease 8ms;
2968
- font-size: 13px;
2969
-
2970
- &.ant-select-lg {
2971
- height: 38px;
2972
- font-size: 13px;
2973
- }
2974
-
2975
- .ant-select-arrow,
2976
- .ant-select-arrow .anticon-down {
2977
- transition: 160ms ease;
2978
- }
2979
-
2980
- .ant-select-arrow-loading {
2981
- color: $fills-light-general-general;
2982
- }
2983
-
2984
- &:not(.ant-select-disabled) {
2985
- &:hover .ant-select-selector,
2986
- &.__pseudo-states-hover .ant-select-selector {
2987
- border-color: $strokes-light-trans-4;
2988
- box-shadow: $shadow-light-hover;
2989
- }
2990
-
2991
- &:hover .ant-select-arrow,
2992
- &.__pseudo-states-hover .ant-select-arrow {
2993
- color: $fills-light-general-general;
2994
- }
2995
-
2996
- &:active,
2997
- &:focus,
2998
- &.ant-select-focused,
2999
- &.ant-select-open,
3000
- &.__pseudo-states-active,
3001
- &.__pseudo-states-focus {
3002
- .ant-select-selector {
3003
- border-color: $fills-light-general-general;
3004
- box-shadow: $shadow-light-active;
3005
- }
3006
- }
3007
-
3008
- &.ant-select-open .ant-select-arrow .anticon-down {
3009
- transform: rotate(180deg);
3010
- }
3011
- }
3012
-
3013
- &.ant-select-disabled .ant-select-selector {
3014
- background: $fills-light-trans-3;
3015
- border-color: $strokes-light-trans-3;
3016
- cursor: "not-allowed";
3017
- }
3018
- }
3019
- &.select-error:not(.ant-select-disabled) {
3020
- .ant-select-selector {
3021
- border-color: $fills-light-serious-serious !important;
3022
- }
3023
-
3024
- &:hover .ant-select-arrow,
3025
- &.__pseudo-states-hover .ant-select-arrow {
3026
- color: $text-light-super;
3027
- }
3028
-
3029
- &:active,
3030
- &:focus,
3031
- &.ant-select-focused,
3032
- &.ant-select-open,
3033
- &.__pseudo-states-focus,
3034
- &.__pseudo-states-active {
3035
- .ant-select-selector {
3036
- border-color: $fills-light-general-general;
3037
- box-shadow: $shadow-light-error;
3038
- }
3039
- }
3040
-
3041
- &.ant-select-open .ant-select-arrow .anticon-down {
3042
- transform: rotate(180deg);
3043
- }
3044
- }
3045
- }
3046
- }
3047
-
3048
-
3049
3049
  .E_oa99sl3 {
3050
3050
  display: flex;
3051
3051
  justify-content: space-between;
@@ -3090,40 +3090,35 @@
3090
3090
  }
3091
3091
 
3092
3092
 
3093
- .E_b1lj76ty {
3094
- width: 100%;
3095
- height: 100%;
3096
- margin: 0 auto;
3093
+ .E_ryby9ds {
3097
3094
  display: flex;
3098
- flex-direction: column;
3099
3095
  align-items: center;
3100
- justify-content: center;
3101
- color: $gray-a30-10;
3102
- &.large {
3103
- max-width: 648px;
3104
- }
3105
- &.medium {
3106
- max-width: 412px;
3096
+ .order {
3097
+ height: 24px;
3098
+ width: 24px;
3099
+ border-radius: 20px;
3100
+ color: $text-light-general;
3101
+ background: $fill-light-element-container-outstanding;
3102
+ display: flex;
3103
+ align-items: center;
3104
+ justify-content: center;
3105
+ margin-right: 6px;
3107
3106
  }
3108
- &.gray {
3109
- background-color: $fills-trans-primary-light;
3110
- }
3111
- &.white {
3112
- background-color: $fills-light-light-white;
3113
- }
3114
- .title {
3115
- margin-bottom: 4px;
3116
- }
3117
- .title,
3118
- .desc {
3119
- word-break: break-all;
3120
- text-align: center;
3121
- }
3122
- .action-button.middle {
3123
- margin-top: 16px;
3124
- }
3125
- .action-button.small {
3126
- margin-top: 8px;
3107
+ }
3108
+
3109
+
3110
+ .E_suhck3k {
3111
+ height: 24px;
3112
+ width: 24px;
3113
+ border-radius: 6px;
3114
+ padding: 4px;
3115
+ &:hover {
3116
+ background-color: $fill-outstanding-light;
3117
+ svg {
3118
+ path {
3119
+ fill: blue;
3120
+ }
3121
+ }
3127
3122
  }
3128
3123
  }
3129
3124
 
@@ -3379,35 +3374,40 @@
3379
3374
  }
3380
3375
 
3381
3376
 
3382
- .E_suhck3k {
3383
- height: 24px;
3384
- width: 24px;
3385
- border-radius: 6px;
3386
- padding: 4px;
3387
- &:hover {
3388
- background-color: $fill-outstanding-light;
3389
- svg {
3390
- path {
3391
- fill: blue;
3392
- }
3393
- }
3394
- }
3395
- }
3396
-
3397
-
3398
- .E_ryby9ds {
3377
+ .E_b1lj76ty {
3378
+ width: 100%;
3379
+ height: 100%;
3380
+ margin: 0 auto;
3399
3381
  display: flex;
3382
+ flex-direction: column;
3400
3383
  align-items: center;
3401
- .order {
3402
- height: 24px;
3403
- width: 24px;
3404
- border-radius: 20px;
3405
- color: $text-light-general;
3406
- background: $fill-light-element-container-outstanding;
3407
- display: flex;
3408
- align-items: center;
3409
- justify-content: center;
3410
- margin-right: 6px;
3384
+ justify-content: center;
3385
+ color: $gray-a30-10;
3386
+ &.large {
3387
+ max-width: 648px;
3388
+ }
3389
+ &.medium {
3390
+ max-width: 412px;
3391
+ }
3392
+ &.gray {
3393
+ background-color: $fills-trans-primary-light;
3394
+ }
3395
+ &.white {
3396
+ background-color: $fills-light-light-white;
3397
+ }
3398
+ .title {
3399
+ margin-bottom: 4px;
3400
+ }
3401
+ .title,
3402
+ .desc {
3403
+ word-break: break-all;
3404
+ text-align: center;
3405
+ }
3406
+ .action-button.middle {
3407
+ margin-top: 16px;
3408
+ }
3409
+ .action-button.small {
3410
+ margin-top: 8px;
3411
3411
  }
3412
3412
  }
3413
3413
 
@@ -3750,1008 +3750,947 @@
3750
3750
  }
3751
3751
 
3752
3752
 
3753
- .E_l48ei06 {
3754
- @at-root {
3755
- button#{&}.ant-btn,
3756
- button#{&}.ant-btn.ant-btn-sm,
3757
- button#{&}.ant-btn.ant-btn-lg {
3758
- font-size: 12px;
3759
- line-height: 18px;
3760
- height: 18px;
3761
- }
3762
- button#{&} {
3763
- color: #0080FF;
3764
- height: unset;
3765
- .button-prefix-icon {
3766
- margin-right: 4px;
3767
- }
3768
- .button-suffix-icon {
3769
- margin-left: 4px;
3770
- }
3771
-
3772
- &:hover,
3773
- &.__pseudo-states-hover {
3774
- color: #009DFF;
3775
- }
3776
-
3777
- &:active,
3778
- &.__pseudo-states-active {
3779
- color: #005ED1;
3780
- }
3781
- &.ui-kit-link-disabled {
3782
- color: #0080FF;
3783
- }
3784
- &.ui-kit-link-primary {
3785
- color: #00122E;
3786
-
3787
- &:hover,
3788
- &.__pseudo-states-hover {
3789
- color: #0080FF;
3790
- }
3753
+ .E_ckui4s7 {
3754
+ color: $text-primary-light;
3755
+ line-height: 22px;
3756
+ display: inline-flex;
3757
+ .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; } } }
3758
+ }
3791
3759
 
3792
- &:active,
3793
- &.__pseudo-states-active {
3794
- color: #005ED1;
3795
- }
3796
3760
 
3797
- &.ui-kit-link-disabled {
3798
- color: #00122E;
3799
- }
3800
- }
3761
+ .E_c1kghdax {
3762
+ color: $text-primary-light;
3763
+ padding: 7px 12px;
3764
+ display: flex;
3765
+ justify-content: space-between;
3766
+ align-items: center;
3801
3767
 
3802
- &.ui-kit-link-secondary {
3803
- color: #2C3852BF;
3768
+ &.has-arrow {
3769
+ padding-left: 10px;
3804
3770
 
3805
- &:hover,
3806
- &.__pseudo-states-hover {
3807
- color: #0080FF;
3808
- }
3771
+ .title-wrapper {
3772
+ cursor: pointer;
3773
+ color: $text-light-primary;
3809
3774
 
3810
- &:active,
3811
- &.__pseudo-states-active {
3812
- color: #005ED1;
3813
- }
3775
+ &.is-open {
3776
+ color: $text-primary-light;
3777
+ font-weight: 600;
3814
3778
 
3815
- &.ui-kit-link-disabled {
3816
- color: #2C3852BF;
3779
+ .collapse-arrow {
3780
+ transform: rotate(90deg);
3817
3781
  }
3818
3782
  }
3819
3783
  }
3820
3784
  }
3821
- }
3822
-
3823
-
3824
- .E_sddwhm6 {
3825
- $prefix: ui-kit-status-capsule;
3826
- margin: 0;
3827
- border-radius: 20px;
3828
- padding: 2px 10px;
3829
- height: 22px;
3830
3785
 
3831
- &.ant-tag.#{$prefix}.off-white {
3832
- background-color: $fill-neutral-trans-1 !important;
3833
- &.tag-hover:hover,
3834
- &.__pseudo-states-hover {
3835
- background-color: $fill-neutral-trans-2 !important;
3836
- }
3786
+ .sub-info {
3787
+ font-size: 12px;
3788
+ line-height: 18px;
3837
3789
  }
3838
- &.ant-tag.#{$prefix} {
3839
- color: $text-neutral-primary;
3840
- .#{$prefix}-icon {
3841
- margin-right: 6px;
3842
- }
3843
- .#{$prefix}-number {
3844
- margin-left: 8px;
3845
- color: #2C385299;
3846
- }
3847
- &.ant-tag-blue {
3848
- background-color: $fill-outstanding-light;
3849
- .#{$prefix}-icon {
3850
- background-color: $fill-outstanding-base;
3851
- }
3852
- &.tag-hover:hover,
3853
- &.__pseudo-states-hover {
3854
- background-color: $fill-outstanding-light-hover;
3855
- }
3856
- }
3857
- &.ant-tag-red {
3858
- background-color: $fill-serious-light;
3859
- .#{$prefix}-icon {
3860
- background-color: $fill-serious-base;
3861
- }
3862
- &.tag-hover:hover,
3863
- &.__pseudo-states-hover {
3864
- background-color: $fill-serious-light-hover;
3865
- }
3866
- }
3867
- &.ant-tag-yellow {
3868
- background-color: $fill-notice-light;
3869
- .#{$prefix}-icon {
3870
- background-color: $fill-notice-base;
3871
- }
3872
- &.tag-hover:hover,
3873
- &.__pseudo-states-hover {
3874
- background-color: $fill-notice-light-hover;
3875
- }
3876
- }
3877
- &.ant-tag-green {
3878
- background-color: $fill-positive-light;
3879
- .#{$prefix}-icon {
3880
- background-color: $fill-positive-base;
3881
- }
3882
- &.tag-hover:hover,
3883
- &.__pseudo-states-hover {
3884
- background-color: $fill-positive-light-hover;
3885
- }
3886
- }
3887
- &.ant-tag-gray {
3888
- background-color: $fill-neutral-trans-2;
3889
- .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
3890
- background-color: $gray-70;
3891
- }
3892
- &.tag-hover:hover,
3893
- &.__pseudo-states-hover {
3894
- background-color: $fill-neutral-trans-3-trans-2-hover;
3895
- }
3896
- }
3790
+
3791
+ .title-wrapper {
3792
+ display: flex;
3793
+ align-items: center;
3794
+ user-select: none;
3795
+ flex-grow: 1;
3796
+ font-size: 12px;
3797
+ line-height: 18px;
3798
+ color: $text-primary-light;
3799
+ font-weight: 700;
3897
3800
  }
3898
- }
3899
3801
 
3900
- .E_satwmqm {
3901
- width: 8px;
3902
- height: 8px;
3903
- border-radius: 50%;
3904
- display: inline-block;
3802
+ .collapse-arrow {
3803
+ transition: all 50ms ease-out 0ms;
3804
+ margin-right: 2px;
3805
+ }
3905
3806
  }
3906
3807
 
3907
3808
 
3908
- .E_tc97u5y {
3909
- height: 100%;
3809
+ .E_c1yd35n {
3810
+ padding: 0 12px 14px 12px;
3910
3811
  }
3911
3812
 
3912
- .E_efzf37v {
3913
- .ant-table-content,
3914
- .ant-table-body {
3915
- overflow: visible !important;
3916
- height: 100%;
3917
- }
3918
3813
 
3919
- .ant-table-tbody .ant-table-placeholder td {
3920
- height: 100%;
3921
- }
3814
+ .E_lht19u8 {
3815
+ width: 64px;
3816
+ height: 64px;
3817
+ display: flex;
3818
+ align-items: center;
3819
+ justify-content: center;
3820
+ position: relative;
3821
+ opacity: 0.2;
3822
+ }
3922
3823
 
3923
- table {
3924
- width: 100% !important;
3925
- height: 100%;
3926
- .ant-table-placeholder .ant-table-expanded-row-fixed {
3927
- padding: 15px 0;
3928
- }
3929
- }
3824
+ .E_lk3gkp4 {
3825
+ position: absolute;
3826
+ width: 5px;
3827
+ height: 48px;
3828
+ left: 9.33px;
3829
+ top: 40.5px;
3930
3830
 
3931
- table thead.ant-table-thead {
3932
- display: none;
3933
- }
3831
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3832
+ border-radius: 5px;
3833
+ transform: rotate(-128deg);
3834
+ transform-origin: top left;
3835
+
3836
+ animation: loading-indicator1 1100ms ease-out infinite;
3934
3837
  }
3935
3838
 
3936
- .E_t1fisho6 {
3937
- height: 100%;
3839
+ .E_ll4n94n {
3840
+ position: absolute;
3841
+ width: 5px;
3842
+ height: 48px;
3843
+ left: 40.8px;
3844
+ top: 8.4px;
3938
3845
 
3939
- .ant-table.ant-table-small .ant-table-tbody > tr > td {
3940
- padding-top: 6px;
3941
- padding-bottom: 6px;
3942
- }
3846
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3847
+ border-radius: 5px;
3848
+ transform: rotate(-8deg);
3849
+ transform-origin: top left;
3943
3850
 
3944
- .active-row td:nth-child(1) {
3945
- font-weight: 700;
3946
- }
3947
- &.has-selection .active-row td:nth-child(2) {
3948
- font-weight: 700;
3949
- }
3851
+ animation: loading-indicator2 1100ms ease-out infinite;
3852
+ }
3950
3853
 
3951
- .ant-spin-nested-loading {
3952
- height: 100%;
3854
+ .E_l17lbdo6 {
3855
+ position: absolute;
3856
+ width: 5px;
3857
+ height: 48px;
3858
+ left: 52.9px;
3859
+ top: 51.8px;
3953
3860
 
3954
- .ant-spin-container {
3955
- height: 100%;
3956
- overflow: visible;
3957
- }
3958
- .ant-spin {
3959
- max-height: none;
3960
- }
3961
- }
3861
+ background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
3862
+ border-radius: 5px;
3863
+ transform: rotate(112deg);
3864
+ transform-origin: top left;
3962
3865
 
3963
- td.ant-table-column-sort {
3964
- background: transparent;
3965
- }
3866
+ animation: loading-indicator3 1100ms ease-out infinite;
3867
+ }
3966
3868
 
3967
- td.ant-table-cell-fix-left,
3968
- td.ant-table-cell-fix-right {
3969
- background: #fff;
3970
- padding: 0 !important;
3971
- .ant-table-cell-content {
3972
- display: flex;
3973
- align-items: center;
3974
- height: 100%;
3975
- padding: 8px;
3976
- > span {
3977
- overflow: hidden;
3978
- text-overflow: ellipsis;
3979
- width: 100%;
3869
+
3870
+ .E_t1tbywr9 {
3871
+ width: 100%;
3872
+ flex: 1;
3873
+ display: flex;
3874
+ flex-direction: column;
3875
+
3876
+ &.medium {
3877
+ .tab-bar {
3878
+ height: 32px;
3879
+
3880
+ .common-tab-bar {
3881
+ height: 32px;
3882
+
3883
+ .tab-item-title {
3884
+ height: 32px;
3885
+ border-top-left-radius: 6px;
3886
+ border-top-right-radius: 6px;
3887
+ padding-right: 16px;
3888
+ padding-left: 16px;
3889
+ font-size: 16px;
3890
+ }
3980
3891
  }
3981
3892
  }
3982
3893
  }
3983
3894
 
3984
- .ant-table-container {
3985
- height: 100%;
3986
- &::before,
3987
- &::after {
3988
- box-shadow: none !important;
3989
- }
3990
- }
3895
+ &.small {
3896
+ .tab-bar {
3897
+ height: 24px;
3991
3898
 
3992
- div.ant-table {
3993
- $columnAlignRightPaddingRight: 25px;
3994
- border-radius: 0px;
3995
- border-left: none;
3996
- border-right: none;
3997
- border-bottom: none;
3998
- height: 100%;
3999
- font-size: 12px;
4000
- background: transparent;
3899
+ .common-tab-bar {
3900
+ height: 24px;
4001
3901
 
4002
- .ant-table-header {
4003
- position: relative;
4004
- z-index: $table-header-index;
4005
- border-bottom: 1px solid $strokes-light-trans-2;
4006
- margin-bottom: -1px;
3902
+ .tab-item-title {
3903
+ height: 24px;
3904
+ border-top-left-radius: 4px;
3905
+ border-top-right-radius: 4px;
3906
+ padding-right: 12px;
3907
+ padding-left: 12px;
3908
+ font-size: 14px;
3909
+ }
3910
+ }
4007
3911
  }
3912
+ }
4008
3913
 
4009
- .time-wrapper .date,
4010
- .value {
4011
- color: $text-primary-light;
4012
- }
3914
+ .tab-bar {
3915
+ max-width: 100%;
3916
+ display: flex;
3917
+ place-items: center;
3918
+ border-bottom: 1px solid $fills-trans-terdiary-light;
4013
3919
 
4014
- .time-wrapper .time,
4015
- .unit {
4016
- color: $text-secondary-light;
4017
- }
3920
+ .common-tab-bar {
3921
+ overflow: hidden;
3922
+ display: flex;
3923
+ place-items: center;
4018
3924
 
4019
- .ant-table-selection {
4020
- position: unset;
4021
- text-align: center;
4022
- }
3925
+ .tab-item-title {
3926
+ &:first-child:not(.__selected):not(:hover) {
3927
+ padding-left: 0px;
3928
+ }
3929
+ }
4023
3930
 
4024
- .ant-table-tbody > tr.ant-table-row-selected td {
4025
- background: $white;
3931
+ & + .tab-item-title {
3932
+ margin-left: 12px;
3933
+ position: relative;
3934
+
3935
+ &::before {
3936
+ content: "";
3937
+ width: 1px;
3938
+ height: 24px;
3939
+ background: $strokes-light-trans-3;
3940
+ position: absolute;
3941
+ left: -6px;
3942
+ top: 50%;
3943
+ transform: translateY(-50%);
3944
+ }
3945
+ }
4026
3946
  }
4027
3947
 
4028
- .anticon-setting {
3948
+ .tab-item-title {
3949
+ flex-shrink: 0;
3950
+ display: flex;
3951
+ place-items: center;
4029
3952
  cursor: pointer;
4030
- position: absolute;
4031
- top: 50%;
4032
- right: 12px;
4033
- transform: translateY(-50%);
4034
- }
3953
+ color: $text-neutral-secondary;
3954
+ transition:
3955
+ color 100ms ease-out,
3956
+ background-color 100ms ease-out,
3957
+ padding-left 320ms ease 80ms;
4035
3958
 
4036
- &.ant-table-ping-left {
4037
- .ant-table-cell-fix-left-last::after {
4038
- box-shadow: none;
4039
- width: 1px;
4040
- background: rgba(213, 219, 227, 0.6);
3959
+ &:hover {
3960
+ padding-left: 16px;
3961
+ color: $text-light-general;
3962
+ background: $fill-outstanding-lighthover;
4041
3963
  }
4042
- }
4043
3964
 
4044
- &.ant-table-ping-right {
4045
- .ant-table-cell-fix-right-first::after {
4046
- box-shadow: none;
4047
- width: 1px;
4048
- background: rgba(213, 219, 227, 0.6);
3965
+ & + .tab-item-title {
3966
+ margin-left: 2px;
4049
3967
  }
4050
- }
4051
3968
 
4052
- .ant-table-tbody {
4053
- position: relative;
4054
- .ant-table-row {
4055
- td {
4056
- border-top: 1px solid $strokes-light-trans-2;
4057
- border-bottom: 1px solid white;
4058
- height: 40px;
4059
- vertical-align: middle;
4060
- transition: background 0ms;
4061
- color: $gray-120;
3969
+ &.more {
3970
+ &:not(.__selected) {
3971
+ width: 16px;
3972
+ height: 16px;
3973
+ padding: 0;
3974
+ border-radius: 2px;
3975
+ margin-left: 8px;
3976
+ }
4062
3977
 
4063
- &.header-hover {
4064
- background: $fills-light-opaque-1;
4065
- border-bottom-color: $fills-light-opaque-1;
4066
- }
4067
-
4068
- .ant-btn.ant-btn-link {
4069
- height: auto;
4070
- color: $gray-120;
4071
- font-size: 12px;
4072
- text-align: left;
4073
- transition: none;
4074
- overflow: hidden;
4075
- text-overflow: ellipsis;
4076
- white-space: nowrap;
4077
-
4078
- &:hover {
4079
- color: $blue;
4080
- }
4081
-
4082
- > span {
4083
- overflow: hidden;
4084
- text-overflow: ellipsis;
4085
- width: 100%;
4086
- vertical-align: middle;
4087
- }
4088
- }
4089
-
4090
- &.cell_status {
4091
- line-height: 0px;
4092
- }
4093
- &.align-right {
4094
- padding-right: $columnAlignRightPaddingRight;
4095
- }
3978
+ &.__selected.tab-title-text {
3979
+ margin-left: 8px;
4096
3980
  }
3981
+ }
4097
3982
 
4098
- &:hover {
4099
- & + tr td {
4100
- border-top-color: transparent;
4101
- }
4102
- td {
4103
- background: $fills-trans-secondary-light;
4104
- border-color: transparent transparent white;
3983
+ &.__selected {
3984
+ padding-left: 16px;
3985
+ background: $fills-light-general-general-light;
3986
+ color: $text-light-general;
3987
+ }
4105
3988
 
4106
- &:first-child {
4107
- border-radius: 8px 0 0 8px;
4108
- .ant-table-cell-content {
4109
- border-radius: 8px 0 0 8px;
4110
- }
4111
- &::before {
4112
- content: "";
4113
- width: 4px;
4114
- top: -1px;
4115
- bottom: -1px;
4116
- background: white;
4117
- }
4118
- }
4119
- &:last-child {
4120
- border-radius: 0 8px 8px 0;
4121
- }
4122
- &:last-child.cell__action_ {
4123
- border-radius: 0;
4124
- background: white;
4125
- border-top: none;
3989
+ &.__hidden {
3990
+ display: none;
3991
+ }
3992
+ }
3993
+ }
3994
+ }
4126
3995
 
4127
- > * {
4128
- border-top: 1px solid transparent;
4129
- border-radius: 0 8px 8px 0;
4130
- background: $fills-trans-secondary-light;
4131
- }
4132
- }
4133
- &.ant-table-cell-fix-right {
4134
- background: white;
4135
- border-top: 1px solid rgba(211, 218, 235, 0.6);
4136
- .ant-table-cell-content {
4137
- display: flex;
4138
- align-items: center;
4139
- height: 100%;
4140
- background: $fills-trans-secondary-light;
4141
- }
4142
- }
3996
+ .E_ti12z2 {
3997
+ &.ant-dropdown-open {
3998
+ color: $text-light-general;
3999
+ background: $fills-light-trans-3;
4000
+ }
4001
+ }
4143
4002
 
4144
- &.ant-table-cell-fix-left {
4145
- background: white;
4146
- border-top: 1px solid rgba(211, 218, 235, 0.6);
4147
- .ant-table-cell-content {
4148
- display: flex;
4149
- align-items: center;
4150
- height: 100%;
4151
- background: $fills-trans-secondary-light;
4152
- }
4153
- }
4154
- }
4155
- }
4003
+ .E_m19lu3v {
4004
+ cursor: default;
4005
+ & .menu-wrapper {
4006
+ min-width: 160px;
4007
+ max-width: 400px;
4008
+ padding: 6px;
4009
+ background: $white;
4010
+ box-shadow:
4011
+ 0px 0px 10px rgba(107, 125, 153, 0.18),
4012
+ 0px 12px 40px rgba(45, 58, 86, 0.3);
4013
+ border-radius: 8px;
4014
+ max-height: calc(100vh - 250px);
4015
+ overflow: auto;
4156
4016
 
4157
- &:last-child td {
4158
- border-bottom: 1px solid $strokes-light-trans-2;
4159
- }
4017
+ & .tab-menu-item {
4018
+ display: flex;
4019
+ place-items: center;
4020
+ width: var(--itemWidth);
4160
4021
 
4161
- &.active-row {
4162
- box-shadow: inset 0px 0px 0 2px $blue-a10;
4163
- border-radius: 8px;
4022
+ & + .tab-menu-item {
4023
+ margin-top: 8px;
4024
+ }
4164
4025
 
4165
- & + tr td {
4166
- border-top-color: white;
4167
- }
4168
- td {
4169
- background: $blue-a10;
4170
- border-bottom-color: transparent;
4171
- border-top-color: transparent;
4026
+ &.__selected {
4027
+ padding: 6px;
4028
+ background: $fills-light-general-general-light;
4029
+ color: $text-light-general;
4172
4030
 
4173
- &:first-child {
4174
- border-radius: 8px 0 0 8px;
4175
- }
4176
- &:last-child {
4177
- border-radius: 0 8px 8px 0;
4178
- }
4179
- &:hover {
4180
- background: $blue-a10;
4181
- }
4182
- }
4031
+ &E_l1fbkbzo {
4032
+ @include Inter(bold !important);
4183
4033
  }
4184
4034
  }
4185
- }
4186
-
4187
- .ant-table-thead {
4188
- > tr > th {
4189
- background: $white;
4190
- font-weight: 400;
4191
- position: relative;
4192
- border-bottom: none;
4193
- color: $gray-120;
4194
- transition: none;
4195
- padding: 14px 8px 14px 8px;
4196
- line-height: 20px;
4197
4035
 
4198
- &:not(:last-child):after {
4199
- content: "";
4200
- width: 1px;
4201
- top: 0;
4202
- bottom: 0;
4203
- background: $strokes-light-trans-2;
4204
- position: absolute;
4205
- right: 0;
4206
- }
4036
+ &.ant-dropdown-menu-item {
4037
+ padding: 5px 12px;
4038
+ border-radius: 4px;
4039
+ }
4207
4040
 
4208
- &.is-blank {
4209
- padding: unset;
4041
+ &.ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled):hover {
4042
+ color: $text-light-general;
4043
+ background: $fills-light-trans-3;
4044
+ }
4210
4045
 
4211
- &:after {
4212
- display: none;
4213
- }
4214
- }
4046
+ &-text {
4047
+ text-align: left;
4048
+ flex: 1;
4049
+ overflow: hidden;
4050
+ text-overflow: ellipsis;
4051
+ white-space: nowrap;
4052
+ }
4053
+ }
4054
+ }
4055
+ }
4215
4056
 
4216
- &.ant-table-cell-ellipsis.ant-table-column-has-sorters
4217
- .ant-table-column-sorters {
4218
- width: 100%;
4219
- overflow: hidden;
4220
- white-space: nowrap;
4221
- text-overflow: ellipsis;
4222
- > span {
4223
- overflow: hidden;
4224
- text-overflow: ellipsis;
4225
- flex: 1;
4226
- }
4227
- }
4057
+ .E_i1bmwe2m {
4058
+ margin: auto;
4059
+ cursor: pointer;
4060
+ line-height: normal;
4061
+ height: 16px;
4062
+ margin-right: 3px;
4228
4063
 
4229
- &.ant-table-column-has-sorters {
4230
- padding: 15px $columnAlignRightPaddingRight 15px 8px;
4064
+ .icon-inner {
4065
+ display: block;
4066
+ height: 16px;
4067
+ }
4068
+ }
4231
4069
 
4232
- .ant-table-column-sorters {
4233
- padding: 0;
4234
- .order-icon {
4235
- position: absolute;
4236
- right: 6px;
4237
- top: 50%;
4238
- transform: translateY(-50%);
4239
- height: 16px;
4240
- display: none;
4241
- transition: transform 320ms ease;
4242
4070
 
4243
- &.descend {
4244
- display: block;
4245
- transform: translateY(-50%) rotateX(180deg);
4246
- }
4247
- &.ascend {
4248
- display: block;
4249
- }
4250
- }
4251
- }
4252
- .ant-table-column-sorter {
4253
- display: none;
4254
- }
4255
- }
4071
+ .E_sddwhm6 {
4072
+ $prefix: ui-kit-status-capsule;
4073
+ margin: 0;
4074
+ border-radius: 20px;
4075
+ padding: 2px 10px;
4076
+ height: 22px;
4256
4077
 
4257
- &:active {
4258
- .ant-table-column-sorters .order-icon {
4259
- &.descend {
4260
- transform: translateY(-50%);
4261
- }
4262
- &.ascend {
4263
- transform: translateY(-50%) rotateX(180deg);
4264
- }
4265
- }
4266
- }
4267
-
4268
- &:hover:not(.is-blank) {
4269
- background: $fills-light-opaque-1;
4270
- .ant-table-column-sorters .order-icon {
4271
- display: block;
4272
- }
4273
- }
4274
- &.align-right {
4275
- padding-right: $columnAlignRightPaddingRight;
4276
- }
4277
- }
4078
+ &.ant-tag.#{$prefix}.off-white {
4079
+ background-color: $fill-neutral-trans-1 !important;
4080
+ &.tag-hover:hover,
4081
+ &.__pseudo-states-hover {
4082
+ background-color: $fill-neutral-trans-2 !important;
4278
4083
  }
4279
-
4280
- .ant-table-selection-column {
4281
- padding: 0 !important;
4282
-
4283
- .ant-checkbox-wrapper {
4284
- position: absolute;
4285
- left: 50%;
4286
- top: 50%;
4287
- transform: translate(-50%, -50%);
4084
+ }
4085
+ &.ant-tag.#{$prefix} {
4086
+ color: $text-neutral-primary;
4087
+ .#{$prefix}-icon {
4088
+ margin-right: 6px;
4089
+ }
4090
+ .#{$prefix}-number {
4091
+ margin-left: 8px;
4092
+ color: #2C385299;
4093
+ }
4094
+ &.ant-tag-blue {
4095
+ background-color: $fill-outstanding-light;
4096
+ .#{$prefix}-icon {
4097
+ background-color: $fill-outstanding-base;
4288
4098
  }
4289
- &:after {
4290
- display: none;
4099
+ &.tag-hover:hover,
4100
+ &.__pseudo-states-hover {
4101
+ background-color: $fill-outstanding-light-hover;
4291
4102
  }
4292
4103
  }
4293
-
4294
- .ant-table-hide-scrollbar {
4295
- background: $white;
4104
+ &.ant-tag-red {
4105
+ background-color: $fill-serious-light;
4106
+ .#{$prefix}-icon {
4107
+ background-color: $fill-serious-base;
4108
+ }
4109
+ &.tag-hover:hover,
4110
+ &.__pseudo-states-hover {
4111
+ background-color: $fill-serious-light-hover;
4112
+ }
4296
4113
  }
4297
- .ant-table-placeholder {
4298
- background: inherit;
4299
-
4300
- td {
4301
- position: static;
4302
- border: none;
4303
- background: inherit !important;
4304
- height: 100px;
4305
- vertical-align: middle;
4114
+ &.ant-tag-yellow {
4115
+ background-color: $fill-notice-light;
4116
+ .#{$prefix}-icon {
4117
+ background-color: $fill-notice-base;
4306
4118
  }
4307
-
4308
- .table-default-empty,
4309
- .ant-table-expanded-row-fixed {
4310
- font-weight: bold;
4311
- font-size: 20px;
4312
- color: $text-terdiary-light;
4119
+ &.tag-hover:hover,
4120
+ &.__pseudo-states-hover {
4121
+ background-color: $fill-notice-light-hover;
4313
4122
  }
4314
4123
  }
4315
- th.ant-table-cell-scrollbar,
4316
- th.cell__action_ {
4317
- z-index: 10;
4124
+ &.ant-tag-green {
4125
+ background-color: $fill-positive-light;
4126
+ .#{$prefix}-icon {
4127
+ background-color: $fill-positive-base;
4128
+ }
4129
+ &.tag-hover:hover,
4130
+ &.__pseudo-states-hover {
4131
+ background-color: $fill-positive-light-hover;
4132
+ }
4318
4133
  }
4319
- td.cell__action_ {
4320
- padding: 0 !important;
4321
- position: relative;
4322
- background: $white;
4323
- > * {
4324
- height: 100%;
4325
- display: flex;
4326
- align-items: center;
4327
- justify-content: flex-end;
4328
- padding-right: 8px;
4134
+ &.ant-tag-gray {
4135
+ background-color: $fill-neutral-trans-2;
4136
+ .#{$prefix}-icon:not(.ui-kit-status-capsule-icon-loading) {
4137
+ background-color: $gray-70;
4329
4138
  }
4330
- .menu-button {
4331
- width: 24px;
4332
- height: 24px;
4333
- cursor: pointer;
4334
- justify-content: center;
4335
- border-radius: 4px;
4336
-
4337
- &:hover {
4338
- background: $white;
4339
- }
4139
+ &.tag-hover:hover,
4140
+ &.__pseudo-states-hover {
4141
+ background-color: $fill-neutral-trans-3-trans-2-hover;
4340
4142
  }
4341
4143
  }
4342
4144
  }
4343
4145
  }
4344
4146
 
4345
-
4346
- .E_w7ob4th {
4347
- &.outside-tag {
4348
- padding-left: 0;
4349
- .inside-tag {
4350
- border-radius: 4px 0 0 4px;
4351
- padding-right: 4px;
4352
- margin-right: 4px;
4353
- }
4354
- }
4147
+ .E_satwmqm {
4148
+ width: 8px;
4149
+ height: 8px;
4150
+ border-radius: 50%;
4151
+ display: inline-block;
4355
4152
  }
4356
4153
 
4357
4154
 
4358
- .E_lht19u8 {
4359
- width: 64px;
4360
- height: 64px;
4361
- display: flex;
4362
- align-items: center;
4363
- justify-content: center;
4364
- position: relative;
4365
- opacity: 0.2;
4366
- }
4155
+ .E_l48ei06 {
4156
+ @at-root {
4157
+ button#{&}.ant-btn,
4158
+ button#{&}.ant-btn.ant-btn-sm,
4159
+ button#{&}.ant-btn.ant-btn-lg {
4160
+ font-size: 12px;
4161
+ line-height: 18px;
4162
+ height: 18px;
4163
+ }
4164
+ button#{&} {
4165
+ color: #0080FF;
4166
+ height: unset;
4167
+ .button-prefix-icon {
4168
+ margin-right: 4px;
4169
+ }
4170
+ .button-suffix-icon {
4171
+ margin-left: 4px;
4172
+ }
4367
4173
 
4368
- .E_lk3gkp4 {
4369
- position: absolute;
4370
- width: 5px;
4371
- height: 48px;
4372
- left: 9.33px;
4373
- top: 40.5px;
4174
+ &:hover,
4175
+ &.__pseudo-states-hover {
4176
+ color: #009DFF;
4177
+ }
4374
4178
 
4375
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4376
- border-radius: 5px;
4377
- transform: rotate(-128deg);
4378
- transform-origin: top left;
4179
+ &:active,
4180
+ &.__pseudo-states-active {
4181
+ color: #005ED1;
4182
+ }
4183
+ &.ui-kit-link-disabled {
4184
+ color: #0080FF;
4185
+ }
4186
+ &.ui-kit-link-primary {
4187
+ color: #00122E;
4379
4188
 
4380
- animation: loading-indicator1 1100ms ease-out infinite;
4381
- }
4189
+ &:hover,
4190
+ &.__pseudo-states-hover {
4191
+ color: #0080FF;
4192
+ }
4382
4193
 
4383
- .E_ll4n94n {
4384
- position: absolute;
4385
- width: 5px;
4386
- height: 48px;
4387
- left: 40.8px;
4388
- top: 8.4px;
4194
+ &:active,
4195
+ &.__pseudo-states-active {
4196
+ color: #005ED1;
4197
+ }
4389
4198
 
4390
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4391
- border-radius: 5px;
4392
- transform: rotate(-8deg);
4393
- transform-origin: top left;
4199
+ &.ui-kit-link-disabled {
4200
+ color: #00122E;
4201
+ }
4202
+ }
4394
4203
 
4395
- animation: loading-indicator2 1100ms ease-out infinite;
4396
- }
4204
+ &.ui-kit-link-secondary {
4205
+ color: #2C3852BF;
4397
4206
 
4398
- .E_l17lbdo6 {
4399
- position: absolute;
4400
- width: 5px;
4401
- height: 48px;
4402
- left: 52.9px;
4403
- top: 51.8px;
4207
+ &:hover,
4208
+ &.__pseudo-states-hover {
4209
+ color: #0080FF;
4210
+ }
4404
4211
 
4405
- background: linear-gradient(180deg, #0080ff 0%, rgba(0, 128, 255, 0.16) 100%);
4406
- border-radius: 5px;
4407
- transform: rotate(112deg);
4408
- transform-origin: top left;
4212
+ &:active,
4213
+ &.__pseudo-states-active {
4214
+ color: #005ED1;
4215
+ }
4409
4216
 
4410
- animation: loading-indicator3 1100ms ease-out infinite;
4217
+ &.ui-kit-link-disabled {
4218
+ color: #2C3852BF;
4219
+ }
4220
+ }
4221
+ }
4222
+ }
4411
4223
  }
4412
4224
 
4413
4225
 
4414
- .E_c1kghdax {
4415
- color: $text-primary-light;
4416
- padding: 7px 12px;
4417
- display: flex;
4418
- justify-content: space-between;
4419
- align-items: center;
4420
-
4421
- &.has-arrow {
4422
- padding-left: 10px;
4226
+ .E_tc97u5y {
4227
+ height: 100%;
4228
+ }
4423
4229
 
4424
- .title-wrapper {
4425
- cursor: pointer;
4426
- color: $text-light-primary;
4230
+ .E_efzf37v {
4231
+ .ant-table-content,
4232
+ .ant-table-body {
4233
+ overflow: visible !important;
4234
+ height: 100%;
4235
+ }
4427
4236
 
4428
- &.is-open {
4429
- color: $text-primary-light;
4430
- font-weight: 600;
4237
+ .ant-table-tbody .ant-table-placeholder td {
4238
+ height: 100%;
4239
+ }
4431
4240
 
4432
- .collapse-arrow {
4433
- transform: rotate(90deg);
4434
- }
4435
- }
4241
+ table {
4242
+ width: 100% !important;
4243
+ height: 100%;
4244
+ .ant-table-placeholder .ant-table-expanded-row-fixed {
4245
+ padding: 15px 0;
4436
4246
  }
4437
4247
  }
4438
4248
 
4439
- .sub-info {
4440
- font-size: 12px;
4441
- line-height: 18px;
4249
+ table thead.ant-table-thead {
4250
+ display: none;
4442
4251
  }
4252
+ }
4443
4253
 
4444
- .title-wrapper {
4445
- display: flex;
4446
- align-items: center;
4447
- user-select: none;
4448
- flex-grow: 1;
4449
- font-size: 12px;
4450
- line-height: 18px;
4451
- color: $text-primary-light;
4452
- font-weight: 700;
4254
+ .E_t1fisho6 {
4255
+ height: 100%;
4256
+
4257
+ .ant-table.ant-table-small .ant-table-tbody > tr > td {
4258
+ padding-top: 6px;
4259
+ padding-bottom: 6px;
4453
4260
  }
4454
4261
 
4455
- .collapse-arrow {
4456
- transition: all 50ms ease-out 0ms;
4457
- margin-right: 2px;
4262
+ .active-row td:nth-child(1) {
4263
+ font-weight: 700;
4264
+ }
4265
+ &.has-selection .active-row td:nth-child(2) {
4266
+ font-weight: 700;
4458
4267
  }
4459
- }
4460
4268
 
4269
+ .ant-spin-nested-loading {
4270
+ height: 100%;
4461
4271
 
4462
- .E_ckui4s7 {
4463
- color: $text-primary-light;
4464
- line-height: 22px;
4465
- display: inline-flex;
4466
- .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; } } }
4467
- }
4272
+ .ant-spin-container {
4273
+ height: 100%;
4274
+ overflow: visible;
4275
+ }
4276
+ .ant-spin {
4277
+ max-height: none;
4278
+ }
4279
+ }
4468
4280
 
4281
+ td.ant-table-column-sort {
4282
+ background: transparent;
4283
+ }
4469
4284
 
4470
- .E_c1yd35n {
4471
- padding: 0 12px 14px 12px;
4472
- }
4285
+ td.ant-table-cell-fix-left,
4286
+ td.ant-table-cell-fix-right {
4287
+ background: #fff;
4288
+ padding: 0 !important;
4289
+ .ant-table-cell-content {
4290
+ display: flex;
4291
+ align-items: center;
4292
+ height: 100%;
4293
+ padding: 8px;
4294
+ > span {
4295
+ overflow: hidden;
4296
+ text-overflow: ellipsis;
4297
+ width: 100%;
4298
+ }
4299
+ }
4300
+ }
4473
4301
 
4302
+ .ant-table-container {
4303
+ height: 100%;
4304
+ &::before,
4305
+ &::after {
4306
+ box-shadow: none !important;
4307
+ }
4308
+ }
4474
4309
 
4475
- .E_r77hffu {
4476
- display: flex;
4477
- align-items: center;
4478
- justify-content: space-between;
4479
- column-gap: 6px;
4480
- }
4310
+ div.ant-table {
4311
+ $columnAlignRightPaddingRight: 25px;
4312
+ border-radius: 0px;
4313
+ border-left: none;
4314
+ border-right: none;
4315
+ border-bottom: none;
4316
+ height: 100%;
4317
+ font-size: 12px;
4318
+ background: transparent;
4481
4319
 
4482
- .E_p1cmxsf7 {
4483
- display: flex;
4484
- flex-direction: column;
4485
- justify-content: center;
4486
- row-gap: var(--p1cmxsf7-0);
4320
+ .ant-table-header {
4321
+ position: relative;
4322
+ z-index: $table-header-index;
4323
+ border-bottom: 1px solid $strokes-light-trans-2;
4324
+ margin-bottom: -1px;
4325
+ }
4487
4326
 
4488
- .antd5-progress-line {
4489
- font-size: 0;
4490
- margin-bottom: unset;
4491
- margin-inline-end: unset;
4492
- }
4493
- }
4327
+ .time-wrapper .date,
4328
+ .value {
4329
+ color: $text-primary-light;
4330
+ }
4494
4331
 
4332
+ .time-wrapper .time,
4333
+ .unit {
4334
+ color: $text-secondary-light;
4335
+ }
4495
4336
 
4496
- .E_sjob3jg {
4497
- $item: ant-steps-item;
4498
- --item-min-width: 60px;
4499
- .#{$item} {
4500
- &-tail,
4501
- &-icon {
4502
- display: none !important;
4337
+ .ant-table-selection {
4338
+ position: unset;
4339
+ text-align: center;
4503
4340
  }
4504
- }
4505
- .#{$item}.#{$item}-active {
4506
- flex-shrink: 0 !important;
4507
- .step-item-prefix-container {
4508
- color: $text-colorful-outstanding;
4341
+
4342
+ .ant-table-tbody > tr.ant-table-row-selected td {
4343
+ background: $white;
4509
4344
  }
4510
- .#{$item}-container .#{$item}-content .#{$item}-title {
4511
- color: $text-colorful-outstanding;
4512
- font-weight: normal;
4345
+
4346
+ .anticon-setting {
4347
+ cursor: pointer;
4348
+ position: absolute;
4349
+ top: 50%;
4350
+ right: 12px;
4351
+ transform: translateY(-50%);
4513
4352
  }
4514
- }
4515
- .#{$item}.#{$item}-finish {
4516
- .#{$item}-container .#{$item}-content .#{$item}-title,
4517
- & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4518
- color: $text-neutral-tertiary;
4353
+
4354
+ &.ant-table-ping-left {
4355
+ .ant-table-cell-fix-left-last::after {
4356
+ box-shadow: none;
4357
+ width: 1px;
4358
+ background: rgba(213, 219, 227, 0.6);
4359
+ }
4519
4360
  }
4520
- }
4521
- .#{$item}.#{$item}-wait {
4522
- .#{$item}-container .#{$item}-content .#{$item}-title {
4523
- color: $text-neutral-primary;
4361
+
4362
+ &.ant-table-ping-right {
4363
+ .ant-table-cell-fix-right-first::after {
4364
+ box-shadow: none;
4365
+ width: 1px;
4366
+ background: rgba(213, 219, 227, 0.6);
4367
+ }
4524
4368
  }
4525
- }
4526
- .step-item-text {
4527
- display: inline-block;
4528
- }
4529
- .step-item-title {
4530
- overflow: hidden;
4531
- white-space: nowrap;
4532
- text-overflow: ellipsis;
4533
- }
4534
- }
4535
4369
 
4536
- .E_hjvj6s6 {
4537
- $item: ant-steps-item;
4538
- @mixin rightTriangle($color: $fills-light-trans-1) {
4539
- content: "";
4540
- width: 0;
4541
- height: 0;
4542
- border: 13px solid transparent;
4543
- position: absolute;
4544
- top: 0;
4545
- border-left: 8px solid $color;
4546
- }
4547
- .#{$item}-container {
4548
- min-width: var(--item-min-width);
4549
- }
4550
- .#{$item}-disabled {
4551
- cursor: not-allowed !important;
4552
- }
4553
- .ant-steps-horizontal.ant-steps-label-horizontal {
4554
- flex-direction: row;
4555
- justify-content: stretch;
4556
- .#{$item} {
4557
- padding: 0;
4558
- margin-right: 4px;
4559
- flex: 1;
4560
- overflow: visible;
4561
- .#{$item}-content {
4562
- width: 100%;
4563
- min-height: unset;
4564
- .#{$item}-title {
4565
- height: 26px;
4566
- line-height: 26px;
4567
- width: 100%;
4568
- padding: 0;
4569
- font-size: 12px;
4570
- .step-count {
4571
- margin-right: 10px;
4370
+ .ant-table-tbody {
4371
+ position: relative;
4372
+ .ant-table-row {
4373
+ td {
4374
+ border-top: 1px solid $strokes-light-trans-2;
4375
+ border-bottom: 1px solid white;
4376
+ height: 40px;
4377
+ vertical-align: middle;
4378
+ transition: background 0ms;
4379
+ color: $gray-120;
4380
+
4381
+ &.header-hover {
4382
+ background: $fills-light-opaque-1;
4383
+ border-bottom-color: $fills-light-opaque-1;
4572
4384
  }
4573
- &::after {
4385
+
4386
+ .ant-btn.ant-btn-link {
4387
+ height: auto;
4388
+ color: $gray-120;
4389
+ font-size: 12px;
4390
+ text-align: left;
4391
+ transition: none;
4392
+ overflow: hidden;
4393
+ text-overflow: ellipsis;
4394
+ white-space: nowrap;
4395
+
4396
+ &:hover {
4397
+ color: $blue;
4398
+ }
4399
+
4400
+ > span {
4401
+ overflow: hidden;
4402
+ text-overflow: ellipsis;
4403
+ width: 100%;
4404
+ vertical-align: middle;
4405
+ }
4406
+ }
4407
+
4408
+ &.cell_status {
4409
+ line-height: 0px;
4410
+ }
4411
+ &.align-right {
4412
+ padding-right: $columnAlignRightPaddingRight;
4413
+ }
4414
+ }
4415
+
4416
+ &:hover {
4417
+ & + tr td {
4418
+ border-top-color: transparent;
4419
+ }
4420
+ td {
4421
+ background: $fills-trans-secondary-light;
4422
+ border-color: transparent transparent white;
4423
+
4424
+ &:first-child {
4425
+ border-radius: 8px 0 0 8px;
4426
+ .ant-table-cell-content {
4427
+ border-radius: 8px 0 0 8px;
4428
+ }
4429
+ &::before {
4430
+ content: "";
4431
+ width: 4px;
4432
+ top: -1px;
4433
+ bottom: -1px;
4434
+ background: white;
4435
+ }
4436
+ }
4437
+ &:last-child {
4438
+ border-radius: 0 8px 8px 0;
4439
+ }
4440
+ &:last-child.cell__action_ {
4441
+ border-radius: 0;
4442
+ background: white;
4443
+ border-top: none;
4444
+
4445
+ > * {
4446
+ border-top: 1px solid transparent;
4447
+ border-radius: 0 8px 8px 0;
4448
+ background: $fills-trans-secondary-light;
4449
+ }
4450
+ }
4451
+ &.ant-table-cell-fix-right {
4452
+ background: white;
4453
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
4454
+ .ant-table-cell-content {
4455
+ display: flex;
4456
+ align-items: center;
4457
+ height: 100%;
4458
+ background: $fills-trans-secondary-light;
4459
+ }
4460
+ }
4461
+
4462
+ &.ant-table-cell-fix-left {
4463
+ background: white;
4464
+ border-top: 1px solid rgba(211, 218, 235, 0.6);
4465
+ .ant-table-cell-content {
4466
+ display: flex;
4467
+ align-items: center;
4468
+ height: 100%;
4469
+ background: $fills-trans-secondary-light;
4470
+ }
4471
+ }
4472
+ }
4473
+ }
4474
+
4475
+ &:last-child td {
4476
+ border-bottom: 1px solid $strokes-light-trans-2;
4477
+ }
4478
+
4479
+ &.active-row {
4480
+ box-shadow: inset 0px 0px 0 2px $blue-a10;
4481
+ border-radius: 8px;
4482
+
4483
+ & + tr td {
4484
+ border-top-color: white;
4485
+ }
4486
+ td {
4487
+ background: $blue-a10;
4488
+ border-bottom-color: transparent;
4489
+ border-top-color: transparent;
4490
+
4491
+ &:first-child {
4492
+ border-radius: 8px 0 0 8px;
4493
+ }
4494
+ &:last-child {
4495
+ border-radius: 0 8px 8px 0;
4496
+ }
4497
+ &:hover {
4498
+ background: $blue-a10;
4499
+ }
4500
+ }
4501
+ }
4502
+ }
4503
+ }
4504
+
4505
+ .ant-table-thead {
4506
+ > tr > th {
4507
+ background: $white;
4508
+ font-weight: 400;
4509
+ position: relative;
4510
+ border-bottom: none;
4511
+ color: $gray-120;
4512
+ transition: none;
4513
+ padding: 14px 8px 14px 8px;
4514
+ line-height: 20px;
4515
+
4516
+ &:not(:last-child):after {
4517
+ content: "";
4518
+ width: 1px;
4519
+ top: 0;
4520
+ bottom: 0;
4521
+ background: $strokes-light-trans-2;
4522
+ position: absolute;
4523
+ right: 0;
4524
+ }
4525
+
4526
+ &.is-blank {
4527
+ padding: unset;
4528
+
4529
+ &:after {
4574
4530
  display: none;
4575
4531
  }
4576
4532
  }
4577
- }
4578
- &:first-child {
4579
- .#{$item}-container {
4580
- padding-left: 8px;
4581
- padding-right: 4px;
4582
- border-radius: 4px 0 0 4px;
4533
+
4534
+ &.ant-table-cell-ellipsis.ant-table-column-has-sorters
4535
+ .ant-table-column-sorters {
4536
+ width: 100%;
4537
+ overflow: hidden;
4538
+ white-space: nowrap;
4539
+ text-overflow: ellipsis;
4540
+ > span {
4541
+ overflow: hidden;
4542
+ text-overflow: ellipsis;
4543
+ flex: 1;
4544
+ }
4583
4545
  }
4584
- }
4585
- &:last-child {
4586
- margin-right: 0;
4587
- .#{$item}-container {
4588
- padding-right: 8px;
4589
- padding-left: 12px;
4590
- border-radius: 0 4px 4px 0;
4546
+
4547
+ &.ant-table-column-has-sorters {
4548
+ padding: 15px $columnAlignRightPaddingRight 15px 8px;
4549
+
4550
+ .ant-table-column-sorters {
4551
+ padding: 0;
4552
+ .order-icon {
4553
+ position: absolute;
4554
+ right: 6px;
4555
+ top: 50%;
4556
+ transform: translateY(-50%);
4557
+ height: 16px;
4558
+ display: none;
4559
+ transition: transform 320ms ease;
4560
+
4561
+ &.descend {
4562
+ display: block;
4563
+ transform: translateY(-50%) rotateX(180deg);
4564
+ }
4565
+ &.ascend {
4566
+ display: block;
4567
+ }
4568
+ }
4569
+ }
4570
+ .ant-table-column-sorter {
4571
+ display: none;
4572
+ }
4591
4573
  }
4592
- }
4593
- &:not(&:last-child) {
4594
- &::after {
4595
- @include rightTriangle();
4596
- z-index: 2;
4597
- position: relative;
4598
- top: -50%;
4599
- right: -100%;
4574
+
4575
+ &:active {
4576
+ .ant-table-column-sorters .order-icon {
4577
+ &.descend {
4578
+ transform: translateY(-50%);
4579
+ }
4580
+ &.ascend {
4581
+ transform: translateY(-50%) rotateX(180deg);
4582
+ }
4583
+ }
4600
4584
  }
4601
- }
4602
- &:not(:first-child):not(:last-child) {
4603
- .#{$item}-container {
4604
- padding: 0 4px 0 12px;
4585
+
4586
+ &:hover:not(.is-blank) {
4587
+ background: $fills-light-opaque-1;
4588
+ .ant-table-column-sorters .order-icon {
4589
+ display: block;
4590
+ }
4605
4591
  }
4606
- }
4607
- &:not(&:first-child) {
4608
- &::before {
4609
- @include rightTriangle(#fff);
4610
- left: 0;
4592
+ &.align-right {
4593
+ padding-right: $columnAlignRightPaddingRight;
4611
4594
  }
4612
4595
  }
4613
4596
  }
4614
- .#{$item}-active {
4615
- max-width: calc(100% - var(--item-min-width) * 2);
4616
- .#{$item}-container {
4617
- background-color: $fills-light-general-general-light;
4618
- }
4619
- &::after {
4620
- border-left-color: $fills-light-general-general-light !important;
4597
+
4598
+ .ant-table-selection-column {
4599
+ padding: 0 !important;
4600
+
4601
+ .ant-checkbox-wrapper {
4602
+ position: absolute;
4603
+ left: 50%;
4604
+ top: 50%;
4605
+ transform: translate(-50%, -50%);
4621
4606
  }
4622
- }
4623
- .#{$item}-finish {
4624
- cursor: pointer;
4625
- min-width: var(--item-min-width);
4626
- }
4627
- .#{$item}-wait,
4628
- .#{$item}-finish {
4629
- min-width: var(--item-min-width);
4630
- .#{$item}-container {
4631
- background-color: $fills-light-trans-1;
4607
+ &:after {
4608
+ display: none;
4632
4609
  }
4633
4610
  }
4634
- }
4635
- .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
4636
- .ant-steps-vertical
4637
- )
4638
- .#{$item} {
4639
- padding: 0;
4640
- }
4641
- }
4642
4611
 
4643
- .E_v4tv3mf {
4644
- $item: ant-steps-item;
4645
- .ant-steps.ant-steps-vertical {
4646
- width: 192px;
4647
- row-gap: 2px;
4612
+ .ant-table-hide-scrollbar {
4613
+ background: $white;
4614
+ }
4615
+ .ant-table-placeholder {
4616
+ background: inherit;
4648
4617
 
4649
- .preview-mode:not(.#{$item}-active) .#{$item}-container {
4650
- &:hover {
4651
- background-color: $fill-neutral-trans-2;
4618
+ td {
4619
+ position: static;
4620
+ border: none;
4621
+ background: inherit !important;
4622
+ height: 100px;
4623
+ vertical-align: middle;
4652
4624
  }
4653
- .#{$item}-title {
4654
- color: $text-neutral-primary !important;
4625
+
4626
+ .table-default-empty,
4627
+ .ant-table-expanded-row-fixed {
4628
+ font-weight: bold;
4629
+ font-size: 20px;
4630
+ color: $text-terdiary-light;
4655
4631
  }
4656
4632
  }
4657
- .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
4658
- .#{$item}-container:hover {
4659
- background-color: $fill-neutral-trans-2;
4633
+ th.ant-table-cell-scrollbar,
4634
+ th.cell__action_ {
4635
+ z-index: 10;
4660
4636
  }
4661
- .#{$item}-container {
4662
- padding: 0 8px;
4663
- border-radius: 4px;
4664
- height: 32px;
4665
- display: flex;
4666
- align-items: center;
4667
- .#{$item}-content {
4668
- min-height: auto;
4669
- white-space: nowrap;
4670
- & .ant-steps-item-title {
4671
- font-size: 13px;
4672
- line-height: 20px;
4673
- max-width: 100%;
4674
- padding-right: 0;
4675
- }
4637
+ td.cell__action_ {
4638
+ padding: 0 !important;
4639
+ position: relative;
4640
+ background: $white;
4641
+ > * {
4642
+ height: 100%;
4643
+ display: flex;
4644
+ align-items: center;
4645
+ justify-content: flex-end;
4646
+ padding-right: 8px;
4676
4647
  }
4677
- }
4678
- .#{$item}-active {
4679
- .ant-steps-item-container {
4680
- background: rgba($blue-60, 0.1);
4648
+ .menu-button {
4649
+ width: 24px;
4650
+ height: 24px;
4651
+ cursor: pointer;
4652
+ justify-content: center;
4653
+ border-radius: 4px;
4654
+
4655
+ &:hover {
4656
+ background: $white;
4657
+ }
4681
4658
  }
4682
4659
  }
4683
4660
  }
4684
4661
  }
4685
4662
 
4686
- .E_h6l1tj4 {
4687
- width: 100%;
4688
- display: inline-flex;
4689
- align-items: center;
4690
- justify-content: center;
4691
- column-gap: 4px;
4692
- .step-item-prefix-container {
4693
- display: inline-flex;
4694
- align-items: center;
4695
- width: 18px;
4696
- height: 18px;
4697
- color: $gray-a75-8;
4698
- justify-content: center;
4699
- }
4700
- }
4701
4663
 
4702
- .E_v18frne8 {
4703
- width: 100%;
4664
+ .E_r77hffu {
4704
4665
  display: flex;
4705
4666
  align-items: center;
4706
- justify-content: center;
4667
+ justify-content: space-between;
4707
4668
  column-gap: 6px;
4708
- font-size: 13px;
4709
- .step-item-prefix-container {
4710
- display: inline-flex;
4711
- align-items: center;
4712
- min-width: 20px;
4713
- min-height: 20px;
4714
- color: $gray-a75-8;
4715
- justify-content: center;
4716
- }
4717
- }
4718
-
4719
-
4720
- .E_slr2ynn {
4721
- padding: 0 8px;
4722
- height: 18px;
4723
- }
4724
-
4725
- .E_m140wbb6 {
4726
- padding: 2px 8px;
4727
- height: 24px;
4728
- }
4729
-
4730
- .E_t1fozc1i {
4731
- margin: 0;
4732
- }
4733
-
4734
- .E_i1vxv4ln {
4735
- margin-right: 4px;
4736
- height: 16px;
4737
- }
4738
-
4739
- .E_n1afl31m {
4740
- &.ant-tag.ant-tag-gray {
4741
- font-weight: 700;
4742
- color: $text-neutral-primary;
4743
- background-color: $fill-neutral-trans-1;
4744
- border: 1px solid $stroke-neutral-trans-2;
4745
- word-break: break-all;
4746
- display: inline;
4747
- white-space: normal;
4669
+ }
4670
+
4671
+ .E_p1cmxsf7 {
4672
+ display: flex;
4673
+ flex-direction: column;
4674
+ justify-content: center;
4675
+ row-gap: var(--p1cmxsf7-0);
4676
+
4677
+ .antd5-progress-line {
4678
+ font-size: 0;
4679
+ margin-bottom: unset;
4680
+ margin-inline-end: unset;
4748
4681
  }
4749
4682
  }
4750
4683
 
4751
4684
 
4752
- .E_i1g85yz3 {
4753
- margin-right: 4px;
4754
- height: 16px;
4685
+ .E_w7ob4th {
4686
+ &.outside-tag {
4687
+ padding-left: 0;
4688
+ .inside-tag {
4689
+ border-radius: 4px 0 0 4px;
4690
+ padding-right: 4px;
4691
+ margin-right: 4px;
4692
+ }
4693
+ }
4755
4694
  }
4756
4695
 
4757
4696
 
@@ -4973,203 +4912,264 @@
4973
4912
  }
4974
4913
 
4975
4914
 
4976
- .E_t1tbywr9 {
4977
- width: 100%;
4978
- flex: 1;
4979
- display: flex;
4980
- flex-direction: column;
4915
+ .E_slr2ynn {
4916
+ padding: 0 8px;
4917
+ height: 18px;
4918
+ }
4981
4919
 
4982
- &.medium {
4983
- .tab-bar {
4984
- height: 32px;
4920
+ .E_m140wbb6 {
4921
+ padding: 2px 8px;
4922
+ height: 24px;
4923
+ }
4985
4924
 
4986
- .common-tab-bar {
4987
- height: 32px;
4925
+ .E_t1fozc1i {
4926
+ margin: 0;
4927
+ }
4988
4928
 
4989
- .tab-item-title {
4990
- height: 32px;
4991
- border-top-left-radius: 6px;
4992
- border-top-right-radius: 6px;
4993
- padding-right: 16px;
4994
- padding-left: 16px;
4995
- font-size: 16px;
4996
- }
4997
- }
4998
- }
4929
+ .E_i1vxv4ln {
4930
+ margin-right: 4px;
4931
+ height: 16px;
4932
+ }
4933
+
4934
+ .E_n1afl31m {
4935
+ &.ant-tag.ant-tag-gray {
4936
+ font-weight: 700;
4937
+ color: $text-neutral-primary;
4938
+ background-color: $fill-neutral-trans-1;
4939
+ border: 1px solid $stroke-neutral-trans-2;
4940
+ word-break: break-all;
4941
+ display: inline;
4942
+ white-space: normal;
4999
4943
  }
4944
+ }
5000
4945
 
5001
- &.small {
5002
- .tab-bar {
5003
- height: 24px;
5004
4946
 
5005
- .common-tab-bar {
5006
- height: 24px;
4947
+ .E_i1g85yz3 {
4948
+ margin-right: 4px;
4949
+ height: 16px;
4950
+ }
5007
4951
 
5008
- .tab-item-title {
5009
- height: 24px;
5010
- border-top-left-radius: 4px;
5011
- border-top-right-radius: 4px;
5012
- padding-right: 12px;
5013
- padding-left: 12px;
5014
- font-size: 14px;
5015
- }
5016
- }
4952
+
4953
+ .E_sjob3jg {
4954
+ $item: ant-steps-item;
4955
+ --item-min-width: 60px;
4956
+ .#{$item} {
4957
+ &-tail,
4958
+ &-icon {
4959
+ display: none !important;
5017
4960
  }
5018
4961
  }
4962
+ .#{$item}.#{$item}-active {
4963
+ flex-shrink: 0 !important;
4964
+ .step-item-prefix-container {
4965
+ color: $text-colorful-outstanding;
4966
+ }
4967
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4968
+ color: $text-colorful-outstanding;
4969
+ font-weight: normal;
4970
+ }
4971
+ }
4972
+ .#{$item}.#{$item}-finish {
4973
+ .#{$item}-container .#{$item}-content .#{$item}-title,
4974
+ & .#{$item}-container:hover .#{$item}-content .#{$item}-title {
4975
+ color: $text-neutral-tertiary;
4976
+ }
4977
+ }
4978
+ .#{$item}.#{$item}-wait {
4979
+ .#{$item}-container .#{$item}-content .#{$item}-title {
4980
+ color: $text-neutral-primary;
4981
+ }
4982
+ }
4983
+ .step-item-text {
4984
+ display: inline-block;
4985
+ }
4986
+ .step-item-title {
4987
+ overflow: hidden;
4988
+ white-space: nowrap;
4989
+ text-overflow: ellipsis;
4990
+ }
4991
+ }
5019
4992
 
5020
- .tab-bar {
5021
- max-width: 100%;
5022
- display: flex;
5023
- place-items: center;
5024
- border-bottom: 1px solid $fills-trans-terdiary-light;
5025
-
5026
- .common-tab-bar {
5027
- overflow: hidden;
5028
- display: flex;
5029
- place-items: center;
5030
-
5031
- .tab-item-title {
5032
- &:first-child:not(.__selected):not(:hover) {
5033
- padding-left: 0px;
4993
+ .E_hjvj6s6 {
4994
+ $item: ant-steps-item;
4995
+ @mixin rightTriangle($color: $fills-light-trans-1) {
4996
+ content: "";
4997
+ width: 0;
4998
+ height: 0;
4999
+ border: 13px solid transparent;
5000
+ position: absolute;
5001
+ top: 0;
5002
+ border-left: 8px solid $color;
5003
+ }
5004
+ .#{$item}-container {
5005
+ min-width: var(--item-min-width);
5006
+ }
5007
+ .#{$item}-disabled {
5008
+ cursor: not-allowed !important;
5009
+ }
5010
+ .ant-steps-horizontal.ant-steps-label-horizontal {
5011
+ flex-direction: row;
5012
+ justify-content: stretch;
5013
+ .#{$item} {
5014
+ padding: 0;
5015
+ margin-right: 4px;
5016
+ flex: 1;
5017
+ overflow: visible;
5018
+ .#{$item}-content {
5019
+ width: 100%;
5020
+ min-height: unset;
5021
+ .#{$item}-title {
5022
+ height: 26px;
5023
+ line-height: 26px;
5024
+ width: 100%;
5025
+ padding: 0;
5026
+ font-size: 12px;
5027
+ .step-count {
5028
+ margin-right: 10px;
5029
+ }
5030
+ &::after {
5031
+ display: none;
5032
+ }
5034
5033
  }
5035
5034
  }
5036
-
5037
- & + .tab-item-title {
5038
- margin-left: 12px;
5039
- position: relative;
5040
-
5041
- &::before {
5042
- content: "";
5043
- width: 1px;
5044
- height: 24px;
5045
- background: $strokes-light-trans-3;
5046
- position: absolute;
5047
- left: -6px;
5048
- top: 50%;
5049
- transform: translateY(-50%);
5035
+ &:first-child {
5036
+ .#{$item}-container {
5037
+ padding-left: 8px;
5038
+ padding-right: 4px;
5039
+ border-radius: 4px 0 0 4px;
5050
5040
  }
5051
5041
  }
5052
- }
5053
-
5054
- .tab-item-title {
5055
- flex-shrink: 0;
5056
- display: flex;
5057
- place-items: center;
5058
- cursor: pointer;
5059
- color: $text-neutral-secondary;
5060
- transition:
5061
- color 100ms ease-out,
5062
- background-color 100ms ease-out,
5063
- padding-left 320ms ease 80ms;
5064
-
5065
- &:hover {
5066
- padding-left: 16px;
5067
- color: $text-light-general;
5068
- background: $fill-outstanding-lighthover;
5042
+ &:last-child {
5043
+ margin-right: 0;
5044
+ .#{$item}-container {
5045
+ padding-right: 8px;
5046
+ padding-left: 12px;
5047
+ border-radius: 0 4px 4px 0;
5048
+ }
5069
5049
  }
5070
-
5071
- & + .tab-item-title {
5072
- margin-left: 2px;
5050
+ &:not(&:last-child) {
5051
+ &::after {
5052
+ @include rightTriangle();
5053
+ z-index: 2;
5054
+ position: relative;
5055
+ top: -50%;
5056
+ right: -100%;
5057
+ }
5073
5058
  }
5074
-
5075
- &.more {
5076
- &:not(.__selected) {
5077
- width: 16px;
5078
- height: 16px;
5079
- padding: 0;
5080
- border-radius: 2px;
5081
- margin-left: 8px;
5059
+ &:not(:first-child):not(:last-child) {
5060
+ .#{$item}-container {
5061
+ padding: 0 4px 0 12px;
5082
5062
  }
5083
-
5084
- &.__selected.tab-title-text {
5085
- margin-left: 8px;
5063
+ }
5064
+ &:not(&:first-child) {
5065
+ &::before {
5066
+ @include rightTriangle(#fff);
5067
+ left: 0;
5086
5068
  }
5087
5069
  }
5088
-
5089
- &.__selected {
5090
- padding-left: 16px;
5091
- background: $fills-light-general-general-light;
5092
- color: $text-light-general;
5070
+ }
5071
+ .#{$item}-active {
5072
+ max-width: calc(100% - var(--item-min-width) * 2);
5073
+ .#{$item}-container {
5074
+ background-color: $fills-light-general-general-light;
5075
+ }
5076
+ &::after {
5077
+ border-left-color: $fills-light-general-general-light !important;
5093
5078
  }
5094
-
5095
- &.__hidden {
5096
- display: none;
5079
+ }
5080
+ .#{$item}-finish {
5081
+ cursor: pointer;
5082
+ min-width: var(--item-min-width);
5083
+ }
5084
+ .#{$item}-wait,
5085
+ .#{$item}-finish {
5086
+ min-width: var(--item-min-width);
5087
+ .#{$item}-container {
5088
+ background-color: $fills-light-trans-1;
5097
5089
  }
5098
5090
  }
5099
5091
  }
5100
- }
5101
-
5102
- .E_ti12z2 {
5103
- &.ant-dropdown-open {
5104
- color: $text-light-general;
5105
- background: $fills-light-trans-3;
5092
+ .ant-steps:not(.ant-steps-dot):not(.ant-steps-navigation):not(
5093
+ .ant-steps-vertical
5094
+ )
5095
+ .#{$item} {
5096
+ padding: 0;
5106
5097
  }
5107
5098
  }
5108
5099
 
5109
- .E_m19lu3v {
5110
- cursor: default;
5111
- & .menu-wrapper {
5112
- min-width: 160px;
5113
- max-width: 400px;
5114
- padding: 6px;
5115
- background: $white;
5116
- box-shadow:
5117
- 0px 0px 10px rgba(107, 125, 153, 0.18),
5118
- 0px 12px 40px rgba(45, 58, 86, 0.3);
5119
- border-radius: 8px;
5120
- max-height: calc(100vh - 250px);
5121
- overflow: auto;
5122
-
5123
- & .tab-menu-item {
5124
- display: flex;
5125
- place-items: center;
5126
- width: var(--itemWidth);
5127
-
5128
- & + .tab-menu-item {
5129
- margin-top: 8px;
5130
- }
5131
-
5132
- &.__selected {
5133
- padding: 6px;
5134
- background: $fills-light-general-general-light;
5135
- color: $text-light-general;
5136
-
5137
- &E_l1fbkbzo {
5138
- @include Inter(bold !important);
5139
- }
5140
- }
5100
+ .E_v4tv3mf {
5101
+ $item: ant-steps-item;
5102
+ .ant-steps.ant-steps-vertical {
5103
+ width: 192px;
5104
+ row-gap: 2px;
5141
5105
 
5142
- &.ant-dropdown-menu-item {
5143
- padding: 5px 12px;
5144
- border-radius: 4px;
5106
+ .preview-mode:not(.#{$item}-active) .#{$item}-container {
5107
+ &:hover {
5108
+ background-color: $fill-neutral-trans-2;
5145
5109
  }
5146
-
5147
- &.ant-dropdown-menu-item:not(.ant-dropdown-menu-item-disabled):hover {
5148
- color: $text-light-general;
5149
- background: $fills-light-trans-3;
5110
+ .#{$item}-title {
5111
+ color: $text-neutral-primary !important;
5150
5112
  }
5151
-
5152
- &-text {
5153
- text-align: left;
5154
- flex: 1;
5155
- overflow: hidden;
5156
- text-overflow: ellipsis;
5113
+ }
5114
+ .#{$item}:not(.#{$item}-active):not(.#{$item}-disabled)
5115
+ .#{$item}-container:hover {
5116
+ background-color: $fill-neutral-trans-2;
5117
+ }
5118
+ .#{$item}-container {
5119
+ padding: 0 8px;
5120
+ border-radius: 4px;
5121
+ height: 32px;
5122
+ display: flex;
5123
+ align-items: center;
5124
+ .#{$item}-content {
5125
+ min-height: auto;
5157
5126
  white-space: nowrap;
5127
+ & .ant-steps-item-title {
5128
+ font-size: 13px;
5129
+ line-height: 20px;
5130
+ max-width: 100%;
5131
+ padding-right: 0;
5132
+ }
5133
+ }
5134
+ }
5135
+ .#{$item}-active {
5136
+ .ant-steps-item-container {
5137
+ background: rgba($blue-60, 0.1);
5158
5138
  }
5159
5139
  }
5160
5140
  }
5161
5141
  }
5162
5142
 
5163
- .E_i1bmwe2m {
5164
- margin: auto;
5165
- cursor: pointer;
5166
- line-height: normal;
5167
- height: 16px;
5168
- margin-right: 3px;
5143
+ .E_h6l1tj4 {
5144
+ width: 100%;
5145
+ display: inline-flex;
5146
+ align-items: center;
5147
+ justify-content: center;
5148
+ column-gap: 4px;
5149
+ .step-item-prefix-container {
5150
+ display: inline-flex;
5151
+ align-items: center;
5152
+ width: 18px;
5153
+ height: 18px;
5154
+ color: $gray-a75-8;
5155
+ justify-content: center;
5156
+ }
5157
+ }
5169
5158
 
5170
- .icon-inner {
5171
- display: block;
5172
- height: 16px;
5159
+ .E_v18frne8 {
5160
+ width: 100%;
5161
+ display: flex;
5162
+ align-items: center;
5163
+ justify-content: center;
5164
+ column-gap: 6px;
5165
+ font-size: 13px;
5166
+ .step-item-prefix-container {
5167
+ display: inline-flex;
5168
+ align-items: center;
5169
+ min-width: 20px;
5170
+ min-height: 20px;
5171
+ color: $gray-a75-8;
5172
+ justify-content: center;
5173
5173
  }
5174
5174
  }
5175
5175
 
@@ -5804,6 +5804,8 @@
5804
5804
  --modal-to-viewport-margin: 10px;
5805
5805
  --modal-body-padding-bottom: 40px;
5806
5806
  --modal-footer-height: 124px;
5807
+ --modal-empty-footer-height: 40px;
5808
+
5807
5809
  &.ant-modal {
5808
5810
  height: calc(100% - var(--modal-to-viewport-margin) * 2);
5809
5811
  width: calc(100% - var(--modal-to-viewport-margin) * 2);
@@ -5871,6 +5873,21 @@
5871
5873
  height: var(--modal-footer-height);
5872
5874
  padding: 24px 0 60px 0;
5873
5875
  }
5876
+
5877
+ &.no-footer {
5878
+ .ant-modal-body {
5879
+ padding-bottom: 0;
5880
+ .middle {
5881
+ padding-bottom: 0;
5882
+ }
5883
+ }
5884
+ .ant-modal-footer {
5885
+ padding: 0;
5886
+ border-top: none;
5887
+ height: var(--modal-empty-footer-height);
5888
+ content: "";
5889
+ }
5890
+ }
5874
5891
  }
5875
5892
  }
5876
5893
 
@@ -6007,43 +6024,35 @@
6007
6024
  }
6008
6025
 
6009
6026
 
6010
- .E_sqv6dmy {
6011
- display: flex;
6012
- justify-content: flex-end;
6013
- }
6014
-
6015
- .E_p1rm8wzb {
6016
- margin-right: 8px;
6017
- }
6027
+ .E_s20iney {
6028
+ &.skeleton-box {
6029
+ display: flex;
6030
+ align-items: center;
6031
+ justify-content: center;
6032
+ position: relative;
6033
+ border-radius: 2px;
6034
+ background: #E1E6F199;
6035
+ overflow: hidden;
6018
6036
 
6019
- .E_sd7qcf4 {
6020
- height: 100%;
6021
- width: 100%;
6022
- overflow: auto;
6023
- }
6037
+ & > .skeleton-shimmer {
6038
+ width: 200%;
6039
+ height: 200%;
6040
+ transform: rotate(15deg);
6041
+ position: absolute;
6042
+ top: -50%;
6043
+ flex-shrink: 0;
6044
+ opacity: 0.8;
6045
+ background: linear-gradient(
6046
+ 90deg,
6047
+ rgba(255, 255, 255, 0) 15%,
6048
+ #FFFFFF99 50%,
6049
+ rgba(255, 255, 255, 0) 85%
6050
+ );
6024
6051
 
6025
- .E_r1fxc9gq {
6026
- &.right {
6027
- overflow: auto;
6028
- padding-right: 2px;
6029
- width: calc(192px + 6px + 2px);
6030
- height: fit-content;
6031
- max-height: calc(
6032
- 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
6033
- --modal-body-padding-bottom
6034
- ) - var(--modal-footer-height)
6035
- );
6036
- scrollbar-gutter: stable;
6037
- &::-webkit-scrollbar {
6038
- width: 6px;
6039
- }
6040
- &::-webkit-scrollbar-track {
6041
- background: #E1E6F199;
6042
- }
6043
- &::-webkit-scrollbar-thumb {
6044
- background: #ACBAD399;
6045
- border-radius: 8px;
6052
+ animation: shimmer 1100ms infinite;
6046
6053
  }
6054
+
6055
+ @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
6047
6056
  }
6048
6057
  }
6049
6058
 
@@ -6060,6 +6069,7 @@
6060
6069
  --modal-content-padding-bottom: 32px;
6061
6070
  --modal-content-padding-x: 40px;
6062
6071
  --modal-footer-padding: 0 40px;
6072
+ --modal-empty-footer-height: 32px;
6063
6073
 
6064
6074
  padding-bottom: 0;
6065
6075
 
@@ -6135,6 +6145,17 @@
6135
6145
  font-weight: 700;
6136
6146
  }
6137
6147
  }
6148
+
6149
+ &.no-footer {
6150
+ .ant-modal-body {
6151
+ padding-bottom: 0;
6152
+ }
6153
+ .ant-modal-footer {
6154
+ box-shadow: none;
6155
+ height: var(--modal-empty-footer-height);
6156
+ content: "";
6157
+ }
6158
+ }
6138
6159
  }
6139
6160
 
6140
6161
  .E_fbgo4wr {
@@ -6191,35 +6212,43 @@
6191
6212
  }
6192
6213
 
6193
6214
 
6194
- .E_s20iney {
6195
- &.skeleton-box {
6196
- display: flex;
6197
- align-items: center;
6198
- justify-content: center;
6199
- position: relative;
6200
- border-radius: 2px;
6201
- background: #E1E6F199;
6202
- overflow: hidden;
6215
+ .E_sqv6dmy {
6216
+ display: flex;
6217
+ justify-content: flex-end;
6218
+ }
6203
6219
 
6204
- & > .skeleton-shimmer {
6205
- width: 200%;
6206
- height: 200%;
6207
- transform: rotate(15deg);
6208
- position: absolute;
6209
- top: -50%;
6210
- flex-shrink: 0;
6211
- opacity: 0.8;
6212
- background: linear-gradient(
6213
- 90deg,
6214
- rgba(255, 255, 255, 0) 15%,
6215
- #FFFFFF99 50%,
6216
- rgba(255, 255, 255, 0) 85%
6217
- );
6220
+ .E_p1rm8wzb {
6221
+ margin-right: 8px;
6222
+ }
6218
6223
 
6219
- animation: shimmer 1100ms infinite;
6220
- }
6224
+ .E_sd7qcf4 {
6225
+ height: 100%;
6226
+ width: 100%;
6227
+ overflow: auto;
6228
+ }
6221
6229
 
6222
- @keyframes shimmer { from { left: -120%; } to { left: 100%; } }
6230
+ .E_r1fxc9gq {
6231
+ &.right {
6232
+ overflow: auto;
6233
+ padding-right: 2px;
6234
+ width: calc(192px + 6px + 2px);
6235
+ height: fit-content;
6236
+ max-height: calc(
6237
+ 100vh - var(--modal-to-viewport-margin) * 2 - var(--side-panel-margin-top) - var(
6238
+ --modal-body-padding-bottom
6239
+ ) - var(--modal-footer-height)
6240
+ );
6241
+ scrollbar-gutter: stable;
6242
+ &::-webkit-scrollbar {
6243
+ width: 6px;
6244
+ }
6245
+ &::-webkit-scrollbar-track {
6246
+ background: #E1E6F199;
6247
+ }
6248
+ &::-webkit-scrollbar-thumb {
6249
+ background: #ACBAD399;
6250
+ border-radius: 8px;
6251
+ }
6223
6252
  }
6224
6253
  }
6225
6254
 
@@ -6256,6 +6285,30 @@
6256
6285
  }
6257
6286
 
6258
6287
 
6288
+ .E_t1gvlxt5 {
6289
+ min-width: 0;
6290
+ flex: 1;
6291
+ .tag {
6292
+ flex: 0 0 auto;
6293
+ }
6294
+ .progress-title {
6295
+ flex: 2;
6296
+ max-width: fit-content;
6297
+ color: #00122E;
6298
+ }
6299
+ .progress-desc {
6300
+ flex: 1;
6301
+ max-width: fit-content;
6302
+ }
6303
+ }
6304
+
6305
+ .E_a1ji6r68 {
6306
+ display: flex;
6307
+ align-items: center;
6308
+ column-gap: var(--a1ji6r68-0);
6309
+ }
6310
+
6311
+
6259
6312
  .E_f16blduf {
6260
6313
  &.ant-form-item {
6261
6314
  margin-bottom: 0;
@@ -6282,30 +6335,6 @@
6282
6335
  }
6283
6336
 
6284
6337
 
6285
- .E_t1gvlxt5 {
6286
- min-width: 0;
6287
- flex: 1;
6288
- .tag {
6289
- flex: 0 0 auto;
6290
- }
6291
- .progress-title {
6292
- flex: 2;
6293
- max-width: fit-content;
6294
- color: #00122E;
6295
- }
6296
- .progress-desc {
6297
- flex: 1;
6298
- max-width: fit-content;
6299
- }
6300
- }
6301
-
6302
- .E_a1ji6r68 {
6303
- display: flex;
6304
- align-items: center;
6305
- column-gap: var(--a1ji6r68-0);
6306
- }
6307
-
6308
-
6309
6338
  .E_t1616y1o {
6310
6339
  color: $text-light-on-tint;
6311
6340
  }
@@ -6439,6 +6468,75 @@
6439
6468
  }
6440
6469
 
6441
6470
 
6471
+ .E_gmyahx3 {
6472
+ cursor: pointer;
6473
+
6474
+ .link-text {
6475
+ color: $text-light-tertiary;
6476
+ }
6477
+
6478
+ &:hover .link-text {
6479
+ color: $text-light-general;
6480
+ }
6481
+ }
6482
+
6483
+
6484
+ .E_n12mqh7z {
6485
+ display: flex;
6486
+ align-items: center;
6487
+ font-size: 12px;
6488
+ line-height: 18px;
6489
+
6490
+ &:not(:last-child) {
6491
+ margin-bottom: 4px;
6492
+ }
6493
+ }
6494
+
6495
+ .E_tf5bynu {
6496
+ margin: 0 3px;
6497
+ }
6498
+
6499
+ .E_tcckoz1 {
6500
+ max-height: 400px;
6501
+ overflow: auto;
6502
+ }
6503
+
6504
+
6505
+ .E_wg1tsps {
6506
+ display: flex;
6507
+ align-items: center;
6508
+ justify-content: flex-end;
6509
+ }
6510
+
6511
+ .E_b1ctd5xy {
6512
+ display: flex;
6513
+ align-items: center;
6514
+ width: calc(100% - 40px);
6515
+
6516
+ .chart {
6517
+ display: inline-block;
6518
+ width: 100%;
6519
+ }
6520
+ }
6521
+
6522
+ .E_u1p8acpn {
6523
+ min-width: 40px;
6524
+
6525
+ .unit {
6526
+ color: $text-light-primary !important;
6527
+ }
6528
+ }
6529
+
6530
+
6531
+ .E_tqjc4ui {
6532
+ @at-root {
6533
+ span#{&} {
6534
+ margin: 0 2px;
6535
+ }
6536
+ }
6537
+ }
6538
+
6539
+
6442
6540
  .E_c18bcrac {
6443
6541
  display: inline-block;
6444
6542
  width: 100%;
@@ -6494,15 +6592,166 @@
6494
6592
  }
6495
6593
 
6496
6594
 
6497
- .E_gmyahx3 {
6498
- cursor: pointer;
6595
+ .E_c1up1pdz {
6596
+ width: 648px;
6597
+
6598
+ &.active {
6599
+ border-color: $blue-60;
6600
+
6601
+ > header {
6602
+ background: rgba($blue-60, 0.1);
6603
+ }
6604
+ }
6605
+
6606
+ .expand {
6607
+ padding: 12px;
6608
+ }
6609
+
6610
+ .field-item {
6611
+ display: flex;
6612
+ padding: 10px 0;
6613
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6614
+
6615
+ &:last-child {
6616
+ border-bottom: none;
6617
+ padding-bottom: 0;
6618
+ }
6619
+
6620
+ label {
6621
+ line-height: 32px;
6622
+ width: 100px;
6623
+ color: rgba(62, 70, 82, 0.6);
6624
+ }
6625
+ }
6626
+
6627
+ .help {
6628
+ color: rgba(62, 70, 82, 0.6);
6629
+ margin-top: 5px;
6630
+ }
6631
+
6632
+ .ant-input-affix-wrapper,
6633
+ .ant-picker {
6634
+ width: 128px;
6635
+ }
6636
+ }
6637
+
6638
+ .E_c156wh19 {
6639
+ display: flex;
6640
+ align-items: center;
6641
+ justify-content: space-between;
6642
+ word-break: keep-all;
6643
+
6644
+ .title {
6645
+ margin: 0 16px 0 8px;
6646
+ }
6647
+
6648
+ .retain {
6649
+ color: rgba(129, 138, 153, 0.6);
6650
+ }
6651
+
6652
+ div.left {
6653
+ flex: 1;
6654
+ display: flex;
6655
+ overflow: hidden;
6656
+ align-items: center;
6657
+ justify-content: flex-start;
6658
+ white-space: nowrap;
6659
+
6660
+ .title {
6661
+ max-width: 100%;
6662
+ overflow: hidden;
6663
+ text-overflow: ellipsis;
6664
+ }
6665
+ }
6666
+
6667
+ div.right {
6668
+ display: flex;
6669
+ align-items: center;
6670
+ }
6671
+
6672
+ .reverse {
6673
+ display: flex;
6674
+ flex-direction: row-reverse;
6675
+ align-items: center;
6676
+
6677
+ .ant-switch {
6678
+ margin-left: 8px;
6679
+ }
6680
+ }
6681
+
6682
+ .close {
6683
+ padding-left: 14px;
6684
+ margin-left: 14px;
6685
+ border-left: 1px solid rgba(129, 138, 153, 0.6);
6686
+ cursor: pointer;
6687
+ }
6688
+ }
6689
+
6690
+ .E_m126spxy {
6691
+ .ant-btn.ant-btn-link {
6692
+ padding: 1px 10px;
6693
+ color: rgba(62, 70, 82, 0.6);
6694
+ border-radius: 4px;
6695
+
6696
+ &.active {
6697
+ background: rgba(0, 128, 255, 0.1);
6698
+ color: $blue;
6699
+ }
6700
+ }
6701
+
6702
+ padding-bottom: 4px;
6703
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6704
+ }
6705
+
6706
+ .E_wpbf4pq {
6707
+ padding: 10px 0;
6708
+ border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6709
+
6710
+ .ant-input,
6711
+ .ant-picker {
6712
+ width: 80px;
6713
+ margin: 0 9px;
6714
+ text-align: center;
6715
+ }
6499
6716
 
6500
- .link-text {
6501
- color: $text-light-tertiary;
6717
+ .options {
6718
+ padding: 12px 0 12px 16px;
6719
+ border-left: 2px solid rgba(129, 138, 153, 0.6);
6720
+ margin: 5px 0 5px 8px;
6502
6721
  }
6722
+ .week-day-option,
6723
+ .month-day-option {
6724
+ background: #f5f7fa;
6725
+ box-sizing: border-box;
6726
+ border-radius: 16px;
6727
+ margin-right: 8px;
6503
6728
 
6504
- &:hover .link-text {
6505
- color: $text-light-general;
6729
+ &:focus {
6730
+ color: inherit;
6731
+ border-color: #d9d9d9;
6732
+ }
6733
+ }
6734
+ .week-day-option {
6735
+ &.active {
6736
+ background-color: $blue;
6737
+ border-color: $blue;
6738
+ color: $white;
6739
+ }
6740
+ &.en-text {
6741
+ width: 110px;
6742
+ margin-top: 4px;
6743
+ }
6744
+ }
6745
+ .month-day-option {
6746
+ width: 32px;
6747
+ padding: 0;
6748
+ margin-bottom: 8px;
6749
+
6750
+ &.active {
6751
+ background-color: $blue;
6752
+ border-color: $blue;
6753
+ color: $white;
6754
+ }
6506
6755
  }
6507
6756
  }
6508
6757
 
@@ -6537,15 +6786,6 @@
6537
6786
  }
6538
6787
 
6539
6788
 
6540
- .E_tqjc4ui {
6541
- @at-root {
6542
- span#{&} {
6543
- margin: 0 2px;
6544
- }
6545
- }
6546
- }
6547
-
6548
-
6549
6789
  .E_clm1wy1 {
6550
6790
  width: 192px;
6551
6791
  height: 246px;
@@ -6644,32 +6884,6 @@
6644
6884
  }
6645
6885
 
6646
6886
 
6647
- .E_wg1tsps {
6648
- display: flex;
6649
- align-items: center;
6650
- justify-content: flex-end;
6651
- }
6652
-
6653
- .E_b1ctd5xy {
6654
- display: flex;
6655
- align-items: center;
6656
- width: calc(100% - 40px);
6657
-
6658
- .chart {
6659
- display: inline-block;
6660
- width: 100%;
6661
- }
6662
- }
6663
-
6664
- .E_u1p8acpn {
6665
- min-width: 40px;
6666
-
6667
- .unit {
6668
- color: $text-light-primary !important;
6669
- }
6670
- }
6671
-
6672
-
6673
6887
  .E_t1sqg15u {
6674
6888
  background: white;
6675
6889
 
@@ -6794,202 +7008,156 @@
6794
7008
  }
6795
7009
 
6796
7010
 
6797
- .E_n12mqh7z {
7011
+ .E_skwah65 {
7012
+ height: 8px;
7013
+ box-sizing: border-box;
7014
+ border-radius: 2px;
7015
+ background: #f5f7fa;
6798
7016
  display: flex;
6799
- align-items: center;
6800
- font-size: 12px;
6801
- line-height: 18px;
7017
+ width: 100%;
7018
+ overflow: hidden;
6802
7019
 
6803
- &:not(:last-child) {
6804
- margin-bottom: 4px;
7020
+ .stack-bar-item + .stack-bar-item {
7021
+ margin-left: 1px;
6805
7022
  }
6806
7023
  }
6807
7024
 
6808
- .E_tf5bynu {
6809
- margin: 0 3px;
6810
- }
6811
-
6812
- .E_tcckoz1 {
6813
- max-height: 400px;
6814
- overflow: auto;
6815
- }
6816
-
6817
-
6818
- .E_c1up1pdz {
6819
- width: 648px;
6820
-
6821
- &.active {
6822
- border-color: $blue-60;
6823
-
6824
- > header {
6825
- background: rgba($blue-60, 0.1);
6826
- }
6827
- }
6828
7025
 
6829
- .expand {
6830
- padding: 12px;
7026
+ .E_s1at6qmn {
7027
+ &.ant-layout-sider {
7028
+ background: $backgrounds-light-grouped;
7029
+ padding: 32px 8px;
7030
+ overflow: auto;
6831
7031
  }
6832
7032
 
6833
- .field-item {
7033
+ .ant-layout-sider-children {
6834
7034
  display: flex;
6835
- padding: 10px 0;
6836
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6837
-
6838
- &:last-child {
6839
- border-bottom: none;
6840
- padding-bottom: 0;
6841
- }
6842
-
6843
- label {
6844
- line-height: 32px;
6845
- width: 100px;
6846
- color: rgba(62, 70, 82, 0.6);
6847
- }
6848
- }
6849
-
6850
- .help {
6851
- color: rgba(62, 70, 82, 0.6);
6852
- margin-top: 5px;
6853
- }
6854
-
6855
- .ant-input-affix-wrapper,
6856
- .ant-picker {
6857
- width: 128px;
6858
- }
6859
- }
6860
-
6861
- .E_c156wh19 {
6862
- display: flex;
6863
- align-items: center;
6864
- justify-content: space-between;
6865
- word-break: keep-all;
6866
-
6867
- .title {
6868
- margin: 0 16px 0 8px;
6869
- }
6870
-
6871
- .retain {
6872
- color: rgba(129, 138, 153, 0.6);
7035
+ flex-direction: column;
7036
+ justify-content: space-between;
6873
7037
  }
6874
7038
 
6875
- div.left {
6876
- flex: 1;
7039
+ footer {
6877
7040
  display: flex;
6878
- overflow: hidden;
6879
- align-items: center;
6880
- justify-content: flex-start;
6881
- white-space: nowrap;
7041
+ }
6882
7042
 
6883
- .title {
6884
- max-width: 100%;
7043
+ .ant-menu {
7044
+ background: $backgrounds-light-grouped;
7045
+ a {
7046
+ color: $text-light-primary;
7047
+ width: 180px;
6885
7048
  overflow: hidden;
6886
7049
  text-overflow: ellipsis;
6887
7050
  }
6888
7051
  }
6889
7052
 
6890
- div.right {
6891
- display: flex;
6892
- align-items: center;
6893
- }
7053
+ .ant-menu-vertical {
7054
+ margin-bottom: 24px;
6894
7055
 
6895
- .reverse {
6896
- display: flex;
6897
- flex-direction: row-reverse;
6898
- align-items: center;
7056
+ .ant-menu-item-group {
7057
+ .ant-menu-item {
7058
+ margin: 0;
7059
+ }
7060
+ .ant-menu-item-group-title {
7061
+ font-size: 12px;
7062
+ padding: 0 8px 4px;
7063
+ line-height: 18px;
6899
7064
 
6900
- .ant-switch {
6901
- margin-left: 8px;
7065
+ &:empty {
7066
+ padding: 0;
7067
+ }
7068
+ }
7069
+ &:not(:last-child) {
7070
+ padding-bottom: 24px;
7071
+ &.split {
7072
+ margin-bottom: 24px;
7073
+ border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7074
+ }
7075
+ }
6902
7076
  }
6903
- }
6904
7077
 
6905
- .close {
6906
- padding-left: 14px;
6907
- margin-left: 14px;
6908
- border-left: 1px solid rgba(129, 138, 153, 0.6);
6909
- cursor: pointer;
6910
- }
6911
- }
7078
+ .ant-menu-item {
7079
+ transition: none;
7080
+ display: flex;
7081
+ align-items: center;
7082
+ height: 32px;
7083
+ line-height: 22px;
7084
+ padding: 0 8px;
6912
7085
 
6913
- .E_m126spxy {
6914
- .ant-btn.ant-btn-link {
6915
- padding: 1px 10px;
6916
- color: rgba(62, 70, 82, 0.6);
6917
- border-radius: 4px;
7086
+ > .icon-wrapper {
7087
+ margin-right: 12px;
7088
+ }
6918
7089
 
6919
- &.active {
6920
- background: rgba(0, 128, 255, 0.1);
6921
- color: $blue;
7090
+ &:not(:last-child) {
7091
+ margin: 0;
7092
+ margin-bottom: 2px;
7093
+ }
7094
+ &.ant-menu-item-selected {
7095
+ background: $background-selected;
7096
+ box-shadow: $box-shadow-light-selected;
7097
+ border-radius: 6px;
7098
+ color: $text-light-on-tint;
7099
+ a {
7100
+ color: $text-light-on-tint;
7101
+ }
7102
+ }
7103
+ &:not(.ant-menu-item-selected) {
7104
+ &.ant-menu-item:hover,
7105
+ &.ant-menu-item-active {
7106
+ background: $background-onhover;
7107
+ box-shadow: $box-shadow-light-onhover;
7108
+ border-radius: 6px;
7109
+ }
7110
+ }
6922
7111
  }
6923
7112
  }
6924
-
6925
- padding-bottom: 4px;
6926
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6927
7113
  }
6928
7114
 
6929
- .E_wpbf4pq {
6930
- padding: 10px 0;
6931
- border-bottom: 1px solid rgba(213, 219, 227, 0.6);
6932
-
6933
- .ant-input,
6934
- .ant-picker {
6935
- width: 80px;
6936
- margin: 0 9px;
6937
- text-align: center;
7115
+ .E_s1wu0lms {
7116
+ .ant-menu-item-group-title {
7117
+ white-space: nowrap;
7118
+ transition: all 0s;
6938
7119
  }
6939
7120
 
6940
- .options {
6941
- padding: 12px 0 12px 16px;
6942
- border-left: 2px solid rgba(129, 138, 153, 0.6);
6943
- margin: 5px 0 5px 8px;
6944
- }
6945
- .week-day-option,
6946
- .month-day-option {
6947
- background: #f5f7fa;
6948
- box-sizing: border-box;
6949
- border-radius: 16px;
6950
- margin-right: 8px;
7121
+ &.shrink {
7122
+ transition: all 0s;
7123
+ overflow: hidden;
6951
7124
 
6952
- &:focus {
6953
- color: inherit;
6954
- border-color: #d9d9d9;
6955
- }
6956
- }
6957
- .week-day-option {
6958
- &.active {
6959
- background-color: $blue;
6960
- border-color: $blue;
6961
- color: $white;
6962
- }
6963
- &.en-text {
6964
- width: 110px;
6965
- margin-top: 4px;
7125
+ .ant-menu-item-group-title {
7126
+ visibility: hidden;
6966
7127
  }
6967
- }
6968
- .month-day-option {
6969
- width: 32px;
6970
- padding: 0;
6971
- margin-bottom: 8px;
6972
7128
 
6973
- &.active {
6974
- background-color: $blue;
6975
- border-color: $blue;
6976
- color: $white;
7129
+ .ant-menu-item {
7130
+ width: 36px;
7131
+ padding: 0 6px;
6977
7132
  }
6978
7133
  }
6979
7134
  }
6980
7135
 
6981
-
6982
- .E_skwah65 {
6983
- height: 8px;
6984
- box-sizing: border-box;
6985
- border-radius: 2px;
6986
- background: #f5f7fa;
7136
+ .E_n1ugzfva {
6987
7137
  display: flex;
6988
- width: 100%;
6989
- overflow: hidden;
7138
+ place-items: center;
7139
+ width: 100% !important;
6990
7140
 
6991
- .stack-bar-item + .stack-bar-item {
6992
- margin-left: 1px;
7141
+ &[disabled] {
7142
+ color: rgba(0, 0, 0, 0.25) !important;
7143
+ opacity: 1 !important;
7144
+ }
7145
+
7146
+ &.ant-btn {
7147
+ width: 100%;
7148
+ color: $text-light-primary;
7149
+ }
7150
+
7151
+ .icon-wrapper {
7152
+ margin-right: 12px;
7153
+ }
7154
+
7155
+ .link-title {
7156
+ flex: 1;
7157
+ overflow: hidden;
7158
+ white-space: nowrap;
7159
+ text-overflow: ellipsis;
7160
+ text-align: left;
6993
7161
  }
6994
7162
  }
6995
7163
 
@@ -7252,170 +7420,31 @@
7252
7420
  padding: 0;
7253
7421
 
7254
7422
  .ant-dropdown-menu-item {
7255
- margin: 0;
7256
- height: 32px;
7257
- line-height: 32px;
7258
- font-size: 13px;
7259
- padding: 0 10px;
7260
- display: block;
7261
- overflow: hidden;
7262
- text-overflow: ellipsis;
7263
- white-space: nowrap;
7264
-
7265
- &:not(:first-child) {
7266
- &::before {
7267
- content: " ";
7268
- height: 1px;
7269
- width: calc(100% + 10px);
7270
- background: $strokes-translucent-1-light;
7271
- display: block;
7272
- }
7273
- }
7274
-
7275
- &.ant-dropdown-menu-item-selected {
7276
- color: $blue-60;
7277
- background: transparent;
7278
- }
7279
- }
7280
- }
7281
- }
7282
-
7283
-
7284
- .E_s1at6qmn {
7285
- &.ant-layout-sider {
7286
- background: $backgrounds-light-grouped;
7287
- padding: 32px 8px;
7288
- overflow: auto;
7289
- }
7290
-
7291
- .ant-layout-sider-children {
7292
- display: flex;
7293
- flex-direction: column;
7294
- justify-content: space-between;
7295
- }
7296
-
7297
- footer {
7298
- display: flex;
7299
- }
7300
-
7301
- .ant-menu {
7302
- background: $backgrounds-light-grouped;
7303
- a {
7304
- color: $text-light-primary;
7305
- width: 180px;
7306
- overflow: hidden;
7307
- text-overflow: ellipsis;
7308
- }
7309
- }
7310
-
7311
- .ant-menu-vertical {
7312
- margin-bottom: 24px;
7313
-
7314
- .ant-menu-item-group {
7315
- .ant-menu-item {
7316
- margin: 0;
7317
- }
7318
- .ant-menu-item-group-title {
7319
- font-size: 12px;
7320
- padding: 0 8px 4px;
7321
- line-height: 18px;
7322
-
7323
- &:empty {
7324
- padding: 0;
7325
- }
7326
- }
7327
- &:not(:last-child) {
7328
- padding-bottom: 24px;
7329
- &.split {
7330
- margin-bottom: 24px;
7331
- border-bottom: 1px solid rgba(211, 218, 235, 0.6);
7332
- }
7333
- }
7334
- }
7335
-
7336
- .ant-menu-item {
7337
- transition: none;
7338
- display: flex;
7339
- align-items: center;
7340
- height: 32px;
7341
- line-height: 22px;
7342
- padding: 0 8px;
7343
-
7344
- > .icon-wrapper {
7345
- margin-right: 12px;
7346
- }
7347
-
7348
- &:not(:last-child) {
7349
- margin: 0;
7350
- margin-bottom: 2px;
7351
- }
7352
- &.ant-menu-item-selected {
7353
- background: $background-selected;
7354
- box-shadow: $box-shadow-light-selected;
7355
- border-radius: 6px;
7356
- color: $text-light-on-tint;
7357
- a {
7358
- color: $text-light-on-tint;
7359
- }
7360
- }
7361
- &:not(.ant-menu-item-selected) {
7362
- &.ant-menu-item:hover,
7363
- &.ant-menu-item-active {
7364
- background: $background-onhover;
7365
- box-shadow: $box-shadow-light-onhover;
7366
- border-radius: 6px;
7367
- }
7368
- }
7369
- }
7370
- }
7371
- }
7372
-
7373
- .E_s1wu0lms {
7374
- .ant-menu-item-group-title {
7375
- white-space: nowrap;
7376
- transition: all 0s;
7377
- }
7378
-
7379
- &.shrink {
7380
- transition: all 0s;
7381
- overflow: hidden;
7382
-
7383
- .ant-menu-item-group-title {
7384
- visibility: hidden;
7385
- }
7386
-
7387
- .ant-menu-item {
7388
- width: 36px;
7389
- padding: 0 6px;
7390
- }
7391
- }
7392
- }
7393
-
7394
- .E_n1ugzfva {
7395
- display: flex;
7396
- place-items: center;
7397
- width: 100% !important;
7398
-
7399
- &[disabled] {
7400
- color: rgba(0, 0, 0, 0.25) !important;
7401
- opacity: 1 !important;
7402
- }
7403
-
7404
- &.ant-btn {
7405
- width: 100%;
7406
- color: $text-light-primary;
7407
- }
7423
+ margin: 0;
7424
+ height: 32px;
7425
+ line-height: 32px;
7426
+ font-size: 13px;
7427
+ padding: 0 10px;
7428
+ display: block;
7429
+ overflow: hidden;
7430
+ text-overflow: ellipsis;
7431
+ white-space: nowrap;
7408
7432
 
7409
- .icon-wrapper {
7410
- margin-right: 12px;
7411
- }
7433
+ &:not(:first-child) {
7434
+ &::before {
7435
+ content: " ";
7436
+ height: 1px;
7437
+ width: calc(100% + 10px);
7438
+ background: $strokes-translucent-1-light;
7439
+ display: block;
7440
+ }
7441
+ }
7412
7442
 
7413
- .link-title {
7414
- flex: 1;
7415
- overflow: hidden;
7416
- white-space: nowrap;
7417
- text-overflow: ellipsis;
7418
- text-align: left;
7443
+ &.ant-dropdown-menu-item-selected {
7444
+ color: $blue-60;
7445
+ background: transparent;
7446
+ }
7447
+ }
7419
7448
  }
7420
7449
  }
7421
7450
 
@@ -7484,57 +7513,6 @@
7484
7513
  }
7485
7514
 
7486
7515
 
7487
- .E_h1ol2wl7 {
7488
- font-weight: bold;
7489
- background-color: unset;
7490
- padding: unset;
7491
- }
7492
-
7493
-
7494
- .E_i5w779o {
7495
- padding: 8px 0;
7496
-
7497
- .col-label {
7498
- flex-shrink: unset;
7499
- * {
7500
- line-height: 18px;
7501
- }
7502
- }
7503
- .col-content {
7504
- flex: 1 1 0;
7505
- display: flex;
7506
- align-items: center;
7507
- * {
7508
- line-height: 18px;
7509
- }
7510
- }
7511
- }
7512
-
7513
- .E_l18dja44 {
7514
- padding: 6px 0;
7515
-
7516
- .col-label * {
7517
- font-size: 13px;
7518
- line-height: 20px;
7519
- }
7520
- .col-content * {
7521
- font-size: 14px;
7522
- line-height: 20px;
7523
- }
7524
- }
7525
-
7526
- .E_c8c2hys {
7527
- display: flex;
7528
- justify-content: space-between;
7529
- flex: 1;
7530
- min-width: 0;
7531
- }
7532
-
7533
- .E_n4m6c4d {
7534
- color: $text-light-tertiary;
7535
- }
7536
-
7537
-
7538
7516
  .E_kr6am0s {
7539
7517
  .ant-modal-body {
7540
7518
  padding: 60px 128px;
@@ -7609,6 +7587,57 @@
7609
7587
  }
7610
7588
 
7611
7589
 
7590
+ .E_h1ol2wl7 {
7591
+ font-weight: bold;
7592
+ background-color: unset;
7593
+ padding: unset;
7594
+ }
7595
+
7596
+
7597
+ .E_i5w779o {
7598
+ padding: 8px 0;
7599
+
7600
+ .col-label {
7601
+ flex-shrink: unset;
7602
+ * {
7603
+ line-height: 18px;
7604
+ }
7605
+ }
7606
+ .col-content {
7607
+ flex: 1 1 0;
7608
+ display: flex;
7609
+ align-items: center;
7610
+ * {
7611
+ line-height: 18px;
7612
+ }
7613
+ }
7614
+ }
7615
+
7616
+ .E_l18dja44 {
7617
+ padding: 6px 0;
7618
+
7619
+ .col-label * {
7620
+ font-size: 13px;
7621
+ line-height: 20px;
7622
+ }
7623
+ .col-content * {
7624
+ font-size: 14px;
7625
+ line-height: 20px;
7626
+ }
7627
+ }
7628
+
7629
+ .E_c8c2hys {
7630
+ display: flex;
7631
+ justify-content: space-between;
7632
+ flex: 1;
7633
+ min-width: 0;
7634
+ }
7635
+
7636
+ .E_n4m6c4d {
7637
+ color: $text-light-tertiary;
7638
+ }
7639
+
7640
+
7612
7641
  .E_c1kchka8 {
7613
7642
  height: 100%;
7614
7643
  width: 100%;
@@ -8208,6 +8237,67 @@
8208
8237
  }
8209
8238
 
8210
8239
 
8240
+ .E_c14ouk5o {
8241
+ width: 100%;
8242
+ height: 100%;
8243
+ display: flex;
8244
+ font-size: 12px;
8245
+ line-height: 18px;
8246
+ padding: 8px 0;
8247
+ box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
8248
+
8249
+ &:last-of-type {
8250
+ box-shadow: none;
8251
+ padding-bottom: 0;
8252
+ }
8253
+ &.collapsed {
8254
+ flex-direction: column;
8255
+
8256
+ .collapsed-content {
8257
+ display: flex;
8258
+
8259
+ > span {
8260
+ flex: 1;
8261
+ display: flex;
8262
+ justify-content: space-between;
8263
+ .ant-btn {
8264
+ height: auto;
8265
+ }
8266
+ }
8267
+ }
8268
+ .extra-content {
8269
+ margin-left: 162px;
8270
+ }
8271
+ }
8272
+
8273
+ .col-label {
8274
+ width: 216px;
8275
+ color: $text-secondary-light;
8276
+ margin-right: 12px;
8277
+ flex-shrink: 0;
8278
+ }
8279
+
8280
+ .col-content {
8281
+ color: $text-primary-light;
8282
+
8283
+ /* make btn link in info row have the same height as normal text */
8284
+ .ant-btn.ant-btn-link {
8285
+ height: auto;
8286
+ }
8287
+ }
8288
+ }
8289
+
8290
+
8291
+ .E_cevhqx7 {
8292
+ color: $text-light-primary;
8293
+ }
8294
+
8295
+ .E_snbqlt4 {
8296
+ margin-top: 8px;
8297
+ color: $text-light-secondary;
8298
+ }
8299
+
8300
+
8211
8301
  .E_l12xdkhl {
8212
8302
  width: 64px;
8213
8303
  height: 64px;
@@ -8282,64 +8372,3 @@
8282
8372
  margin: 16px 0;
8283
8373
  }
8284
8374
 
8285
-
8286
- .E_c14ouk5o {
8287
- width: 100%;
8288
- height: 100%;
8289
- display: flex;
8290
- font-size: 12px;
8291
- line-height: 18px;
8292
- padding: 8px 0;
8293
- box-shadow: inset 0px -1px 0px rgba(213, 219, 227, 0.6);
8294
-
8295
- &:last-of-type {
8296
- box-shadow: none;
8297
- padding-bottom: 0;
8298
- }
8299
- &.collapsed {
8300
- flex-direction: column;
8301
-
8302
- .collapsed-content {
8303
- display: flex;
8304
-
8305
- > span {
8306
- flex: 1;
8307
- display: flex;
8308
- justify-content: space-between;
8309
- .ant-btn {
8310
- height: auto;
8311
- }
8312
- }
8313
- }
8314
- .extra-content {
8315
- margin-left: 162px;
8316
- }
8317
- }
8318
-
8319
- .col-label {
8320
- width: 216px;
8321
- color: $text-secondary-light;
8322
- margin-right: 12px;
8323
- flex-shrink: 0;
8324
- }
8325
-
8326
- .col-content {
8327
- color: $text-primary-light;
8328
-
8329
- /* make btn link in info row have the same height as normal text */
8330
- .ant-btn.ant-btn-link {
8331
- height: auto;
8332
- }
8333
- }
8334
- }
8335
-
8336
-
8337
- .E_cevhqx7 {
8338
- color: $text-light-primary;
8339
- }
8340
-
8341
- .E_snbqlt4 {
8342
- margin-top: 8px;
8343
- color: $text-light-secondary;
8344
- }
8345
-